Merge pull request #2343 from hupptechnologies/improve-mobile-ui

Issue: Full width of lists and space before first list #2336

.meteor/versions

@@ -124,7 +124,6 @@ npm-bcrypt@0.9.3
 npm-mongo@2.2.33
 oauth@1.2.1
 oauth2@1.2.0
-observe-sequence@1.0.16
 ongoworks:speakingurl@1.1.0
 ordered-dict@1.0.9
 peerlibrary:assert@0.2.5

client/components/boards/boardBody.styl

@@ -50,6 +50,6 @@ position()
         display: flex
         flex-direction: column
         margin: 0
-        padding: 0 40px 0px 0
+        padding: 0 0px 0px 0
         overflow-x: hidden
         overflow-y: auto

client/components/lists/list.styl

@@ -161,7 +161,7 @@
 
   .mini-list
     flex: 0 0 60px
-    height: 60px
+    height: auto
     width: 100%
     border-left: 0px
     border-bottom: 1px solid darken(white, 20%)
@@ -189,7 +189,12 @@
       border-bottom: 1px solid darken(white, 20%)
 
   .list-header
-
+    padding: 0 12px 0px
+    border-bottom: 0px solid #e4e4e4
+    height: 60px
+    margin-top: 10px
+    display: flex
+    align-items: center
     .list-header-left-icon
       display: inline
       padding: 7px
@@ -201,8 +206,10 @@
     .list-header-menu-icon
       position: absolute
       padding: 7px
-      top: -@padding
+      top: 50%
+      transform: translateY(-50%)
       right: 17px
+      font-size: 20px
 
 .link-board-wrapper
   display: flex