Improve layout on mobile/tablet devices

2017-11-23 12:16:05 -08:00
parent 671f9a50f3
commit 20c8ae1047
3 changed files with 12 additions and 6 deletions
--- a/assets/sass/_header.sass
+++ b/assets/sass/_header.sass
@@ -12,22 +12,25 @@ header
  .title-container
    flex: 1
    min-width: 300px
-    @include sm-device
+    @include xs-device
      order: 3

  .board-selector-container
    min-width: 320px
    display: flex
    align-items: center
-    @include sm-device
+    @include xs-device
      order: 2
+      min-width: 300px
+      input[type=text]
+        max-width: 280px

  .menus-container
    min-width: 120px
    display: flex
    align-items: center
    justify-content: flex-end
-    @include sm-device
+    @include xs-device
      order: 1
      margin-bottom: 5px
      margin-left: auto