if not then the board list create board show button.

3 files changed, 16 insertions, 4 deletions

diff --git a/client/components/boards/boardList.jade b/client/components/boards/boardList.jade
index e133f73c..e92cad2d 100644
--- a/client/components/boards/boardList.jade
+++ b/client/components/boards/boardList.jade
@@ -6,7 +6,7 @@ template(name="boards")
   +boardList
 
 template(name="boardList")
-  if boards
+  if boards.count
     ul.board-list.clearfix
       each boards
         li(class="{{#if isStarred}}starred{{/if}}" class=colorClass)
@@ -17,5 +17,6 @@ template(name="boardList")
                 class="{{#if isStarred}}is-star-active{{/if}}"
                 title="{{_ 'star-board-title'}}")
   else
-    p.quiet {{_ 'no-boards'}}
-    button.js-add-board {{_ 'add-board'}}
+    ul.board-list.clearfix
+      li.js-add-board
+        a.label {{_ 'add-board'}}
diff --git a/client/components/boards/boardList.js b/client/components/boards/boardList.js
index 8dc70ee9..9529af69 100644
--- a/client/components/boards/boardList.js
+++ b/client/components/boards/boardList.js
@@ -25,10 +25,11 @@ BlazeComponent.extendComponent({
 
   events: function() {
     return [{
+      'click .js-add-board': Popup.open('createBoard'),
       'click .js-star-board': function(evt) {
         Meteor.user().toggleBoardStar(this._id);
         evt.preventDefault();
-      }
+      },
     }];
   }
 }).register('boardList');
diff --git a/client/components/boards/boardList.styl b/client/components/boards/boardList.styl
index c4fa41be..8a750f43 100644
--- a/client/components/boards/boardList.styl
+++ b/client/components/boards/boardList.styl
@@ -37,6 +37,16 @@
     font-weight: 400
     line-height: 22px
 
+  .js-add-board
+    text-align:center
+
+    .label
+      font-weight: normal
+      line-height:90px
+
+    :hover
+      background-color:#939393
+
   .fa-star-o
     bottom: 0
     font-size: 14px