Merge pull request #3559 from lindhork/header_padding

added padding

client/components/main/header.jade

@@ -37,7 +37,7 @@ template(name="header")
               img(src="{{currentSetting.customTopLeftCornerLogoImageUrl}}" height="{{#if currentSetting.customTopLeftCornerLogoHeight}}#{currentSetting.customTopLeftCornerLogoHeight}{{else}}27{{/if}}" width="auto" margin="0" padding="0")
           unless currentSetting.customTopLeftCornerLogoImageUrl
             img(src="{{pathFor '/logo-header.png'}}" alt="")
-        span
+        span.allBoards
           a(href="{{pathFor 'home'}}")
             span.fa.fa-home
             | {{_ 'all-boards'}}
@@ -51,7 +51,7 @@ template(name="header")
               a(href="{{pathFor 'board' id=_id slug=slug}}")
                 = title
           else
-            li.current {{_ 'quick-access-description'}}
+            li.current.empty {{_ 'quick-access-description'}}
 
       // Next line is used only for spacing at header,
       // there is no visible clickable icon.

client/components/main/header.styl

@@ -102,6 +102,9 @@
   z-index: 21
   padding: 10px 0px
 
+  .allBoards
+      padding: 0 0 0 10px
+
   #header-user-bar,
   #header-new-board-icon,
   ul li
@@ -135,6 +138,9 @@
       &.current
         color: darken(white, 5%)
 
+      &.current.empty
+        padding: 12px 10px 12px 10px
+
       &:first-child .fa-home,&:nth-child(3) .fa-globe
         margin-right: 5px
 
@@ -210,7 +216,8 @@
       .fa-home
           font-size: 26px
           margin-top: -2px
-          margin-right: 20px
+          margin-right: 10px
+          margin-left: 10px
 
     #header-new-board-icon
       display: none