Improved display of the header bar

assets/sass/_header.sass

@@ -2,35 +2,27 @@
 @import mixins
 
 header
-  @include grid(100)
-  margin-top: 5px
-  margin-bottom: 5px
+  display: flex
+  flex-wrap: wrap
+  padding: 5px 10px
+  margin-bottom: 10px
   border-bottom: 1px solid #dedede
-
-  .menus-container
-    @include grid_width(10/100)
-    @include md-device
-      @include grid_width(15/100)
-    @include sm-device
-      @include grid_width(1)
-      order: 1
-      margin-bottom: 5px
-      .header-creation-menu
-        display: none
-
-  .board-selector-container
-    @include grid_width(25/100)
-    @include md-device
-      @include grid_width(20/100)
-    @include sm-device
-      @include grid_width(1)
-      order: 2
+  background-color: #fbfbfb
 
   .title-container
-    @include grid_width(65/100)
-    @include sm-device
-      @include grid_width(1)
-      order: 3
+    flex: 1
+    min-width: 320px
+
+  .board-selector-container
+    min-width: 320px
+    display: flex
+    align-items: center
+
+  .menus-container
+    min-width: 120px
+    display: flex
+    align-items: center
+    justify-content: flex-end
 
   h1
     font-size: size('title')