Fixed broken tables when empty tables

app/partials/backlog.jade

@@ -26,14 +26,12 @@ block content
                     span.icon.icon-tag
                     span.text Show Tags
                 include views/components/addnewus
-            section.backlog-table(ng-class="{'empty': !visibleUserstories.length}")
-
-                div.empty-container(ng-show="!visibleUserstories.length")
+            section.backlog-table(ng-class="{'hidden': !visibleUserstories.length}")
+                include views/modules/backlog-table
+            div.empty.empty-backlog(ng-class="{'hidden': visibleUserstories.length}")
                 span.icon.icon-idea
                 span Your backlog is empty.
-                    a(href="", title+"Create a new US", ng-click="ctrl.addNewUs('standard')",
-                        tg-check-permission="tg-check-permission", permission="add_us") Create a new User Story
-                include views/modules/backlog-table
+                a(href="", title+"Create a new US", ng-click="ctrl.addNewUs('standard')", tg-check-permission="tg-check-permission", permission="add_us") Create a new User Story
         sidebar.menu-secondary.sidebar
             include views/modules/sprints
     div.lightbox.lightbox_add-new-us(tg-lb-create-edit-userstory)

app/partials/views/modules/issues-table.jade

@@ -19,6 +19,6 @@ section.issues-table.basic-table(ng-class="{empty: !issues.length}")
 
 section.empty.empty-issues(ng-class="{hidden: issues.length}")
     span.icon.icon-issues
-    span Cool! Your project is out of issues!
+    span.title There are no issues to report :-)
     span Did you find an issue?
     a(href="", title+"Create a new US", ng-click="ctrl.addNewIssue()") Create a new Issue

app/styles/layout/backlog.scss

@@ -3,19 +3,12 @@
         float: right;
     }
 }
-.backlog-table {
-    &.empty {
+.empty-backlog {
     border: 1px dashed $gray-light;
-        min-height: 10rem;
-        .backlog-table-header,
-        .backlog-table-body {
-            display: none;
-        }
-        .empty-container {
     color: $gray-light;
+    min-height: 10rem;
     padding: 5% 0;
     text-align: center;
-        }
     .icon {
         @extend %xxlarge;
         margin-bottom: 2rem;
@@ -23,7 +16,6 @@
     span {
         display: block;
     }
-    }
 }
 
 .backlog-menu {

app/styles/modules/issues/issues-table.scss

@@ -10,8 +10,11 @@
     }
     span {
         display: block;
-        &:nth-child(2) {
+        &.title {
+            @extend %xlarge;
+            @extend %title;
             margin-bottom: 1rem;
+            text-transform: uppercase;
         }
     }
 }