anchor.diff:      $('input-body').appendChild(row)
       registerDraggablesAndDroppables()
       showEmptyMessage()
  +
  +    //displaying the very fist empty column, that is not shown when no activities is present
  +    if (currentActivityCount() > 0) {
  +        var td1Element = document.getElementById("td1")
  +        var td2Element = document.getElementById("td2")
  +
  +        td1Element.style.display = 'table-cell';
  +        td2Element.style.display = 'table-cell';
  +    }
       SC.slideAndShow(rowId)
   }
   
  
positive.code:         margin-top: 1%;
          padding: 10px;
      }
      td#emptyCell {
          empty-cells:hide;
          border:none;
          width:100px;
      }
      td#emptyCellNoWidth {
          empty-cells:hide;
          border:none;
      }
  
negative.code:                     </c:forEach>
                      <th>Details</th>
  
                      <td class="emptyCell" ></td>
                      <td class="emptyCellNoWidth"></td>
                      <th>Condition Details</th>
                  </tr>
  
                      <tr id="no-activities-message" >
                          <td id="td3"></td>
                          <c:choose>
                              <c:when test="${not empty command.grid}">
                              </c:when>
                              <c:otherwise>
                                  <td colspan="${tableWidth - 1}">This period does not have any activities yet</td>
                              </c:otherwise>
                          </c:choose>
                          <td class="emptyCell"/>
                          <td class="emptyCellNoWidth"/>
                          <td class="emptyCellNoWidth"/>
                      </tr>
                      <c:forEach items="${command.grid}" var="gridRow" varStatus="gridStatus">
                          <tr class="input-row">
  