Improved display of the header bar

6 files changed, 21 insertions, 29 deletions

diff --git a/assets/sass/_header.sass b/assets/sass/_header.sass
index 98252905..0191ce11 100644
--- a/assets/sass/_header.sass
+++ b/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
+  background-color: #fbfbfb
 
-  .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
+  .title-container
+    flex: 1
+    min-width: 320px
 
   .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
+    min-width: 320px
+    display: flex
+    align-items: center
 
-  .title-container
-    @include grid_width(65/100)
-    @include sm-device
-      @include grid_width(1)
-      order: 3
+  .menus-container
+    min-width: 120px
+    display: flex
+    align-items: center
+    justify-content: flex-end
 
   h1
     font-size: size('title')
diff --git a/assets/sass/_main.sass b/assets/sass/_main.sass
new file mode 100644
index 00000000..a74106b4
--- /dev/null
+++ b/assets/sass/_main.sass
@@ -0,0 +1,3 @@
+#main
+  padding-left: 10px
+  padding-right: 10px
diff --git a/assets/sass/_reset.sass b/assets/sass/_reset.sass
index 9fce1a0a..34d73def 100644
--- a/assets/sass/_reset.sass
+++ b/assets/sass/_reset.sass
@@ -16,8 +16,6 @@ body
   font-size: 100%
 
 body
-  margin-left: 10px
-  margin-right: 10px
   padding-bottom: 10px
   color: color('primary')
   font-family: $text-font
diff --git a/assets/sass/_select_dropdown.sass b/assets/sass/_select_dropdown.sass
index f0cef59c..ebfcffca 100644
--- a/assets/sass/_select_dropdown.sass
+++ b/assets/sass/_select_dropdown.sass
@@ -32,6 +32,7 @@
   position: relative
   border: 1px solid #ccc
   border-radius: 5px
+  background-color: #fff
   input.select-dropdown-input
     margin: 0 0 0 5px
     border: none
diff --git a/assets/sass/_tooltip.sass b/assets/sass/_tooltip.sass
index 19365a33..14b91d51 100644
--- a/assets/sass/_tooltip.sass
+++ b/assets/sass/_tooltip.sass
@@ -45,8 +45,5 @@ div.ui-tooltip
 .ui-tooltip-content .markdown p
   margin-bottom: 0
 
-.ui-tooltip li
-  list-style-type: none
-
 .tooltip .fa-info-circle
   color: color('light')
diff --git a/assets/sass/app.sass b/assets/sass/app.sass
index 7a58ac77..028f7f3b 100644
--- a/assets/sass/app.sass
+++ b/assets/sass/app.sass
@@ -19,6 +19,7 @@
 @import pagination
 @import header
 @import logo
+@import main
 @import page_header
 @import sidebar
 @import avatar