From 76004e407ca54e6e3ac65cc9a06d78ac36667f82 Mon Sep 17 00:00:00 2001
From: Maxime Quandalle <maxime@quandalle.com>
Date: Sun, 6 Sep 2015 23:08:49 +0200
Subject: Fix header style when there are too much starred boards

Fixes #237
---
 client/components/main/header.styl | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'client/components/main/header.styl')

diff --git a/client/components/main/header.styl b/client/components/main/header.styl
index d4edd82f..b66eb2da 100644
--- a/client/components/main/header.styl
+++ b/client/components/main/header.styl
@@ -13,6 +13,7 @@
     display: flex
 
     #header-user-bar,
+    #header-new-board-icon,
     ul li
       color: darken(white, 17%)
 
@@ -23,9 +24,9 @@
         color: white
 
     ul
-      flex: 1
       transition: opacity 0.2s
       margin: 4px 0 0 5px
+      overflow: hidden
 
       li
         display: block
@@ -43,6 +44,10 @@
         a.js-create-board
           margin-left: 5px
 
+    #header-user-bar,
+    #header-new-board-icon
+      flex-shrink: 0
+
     #header-user-bar
       margin: 2px 0
 
@@ -62,6 +67,11 @@
         i.fa-chevron-down
           margin-right: 4px
 
+    #header-new-board-icon
+      flex-grow: 1
+      margin: 6px 5px 0
+      width: 12px
+
   #header-main-bar
     height: 28px * 1.618034 - 6px
     padding: 7px 10px 0
-- 
cgit v1.2.3-1-g7c22