* Adjust the program kanban style.

module/program/css/kanban.css

@@ -6,8 +6,11 @@
 
 .board-item {border: 1px solid #EBEBEB; padding: 5px 10px; cursor: default; border-radius: 2px; background-color: #fff;}
 .board-item:hover {border-color: #ccc;}
-.board-item {margin-top: 10px;}
+.board-item:first-child {margin-top: 5px;}
+.board-item + .board-item {margin-top: 10px;}
 .board-item:last-child {margin-bottom: 10px;}
+.doing-td .board {margin-top: 5px;}
+.doing-td .board:last-child {margin-bottom: 5px;}
 
 #kanban {overflow-y: auto;}
 #kanban tbody > tr > td {line-height: 20px;}
@@ -27,6 +30,8 @@
 .doing-td .table-row .table-col:last-child, .c-progress {width: 30px;}
 .doing-td .table-row .table-col:first-child {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 
+.doing-td .emptyBoard {background: none; border: unset}
+
 .table-grouped tbody > tr > td:first-child, .table-grouped thead > tr > th:first-child {padding-left: 3px;}
 
 .scroll {overflow-x: hidden; overflow-y: auto;}

module/program/view/kanban.html.php

@@ -41,7 +41,7 @@
               <?php if(!empty($program->products)):?>
               <?php foreach($program->products as $productID => $product):?>
               <?php
-              $scroll = ''; 
+              $scroll = '';
               $doingCounts  = isset($product->projects['doing']) ? count($product->projects['doing']) : 0;
               $planCounts   = isset($product->plans) ? count($product->plans) : 0;
               $releaseCount = isset($product->releases) ? count($product->releases) : 0;
@@ -120,7 +120,9 @@
                   </div>
                 </div>
                 <?php else:?>
-                <div class='board'></div>
+                <div class='board'>
+                  <div class='emptyBoard board-item'></div>
+                </div>
                 <?php endif;?>
                 <?php endforeach;?>
                 <?php endif;?>
@@ -163,8 +165,8 @@
 </div>
 <script>
 $(function()
-{ 
-    $('.board').height($('.project .board').height()); 
+{
+    $('.board').height($('.project .board').height());
     $('.table div.scroll').each(function()
     {
         var count     = $(this).parent().siblings('td.project').children('.board').length >= 5 ? $(this).parent().siblings('td.project').children('.board').length : 5;