From 569757c1c016a70e4caa0c7ccc0e67366aaa7bd7 Mon Sep 17 00:00:00 2001
From: Filip Barl <filip.barl@gmail.com>
Date: Thu, 31 Aug 2017 13:50:31 +0200
Subject: [PATCH] Fixed header elements responsiveness.

---
 client/app/styles/_base.scss | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/client/app/styles/_base.scss b/client/app/styles/_base.scss
index 15493c682..4ac1d0741 100644
--- a/client/app/styles/_base.scss
+++ b/client/app/styles/_base.scss
@@ -214,14 +214,18 @@ a {
   .selectors {
     display: flex;
     position: relative;
-    > * { z-index: 20; }
+    > * {
+      z-index: 20;
+      flex: 1 1;
+    }
 
     .time-control { z-index: 2001; }
 
     .logo {
-      margin: -16px 0 0 64px;
+      margin: -16px 0 0 8px;
       height: 64px;
-      width: 250px;
+      max-width: 250px;
+      min-width: 0;
     }
   }
 }
@@ -1535,7 +1539,6 @@ a {
 
 .view-mode-selector, .time-control {
   margin-left: 20px;
-  min-width: 161px;
 
   &-wrapper {
     pointer-events: all;
@@ -1565,8 +1568,7 @@ a {
 }
 
 .time-control {
-  position: absolute;
-  right: 20px;
+  margin-right: 20px;
 
   &-controls {
     align-items: center;
@@ -1677,8 +1679,8 @@ a {
   transition: width 0.3s 0s $base-ease;
 
   &-wrapper {
-    flex: 0 1 20%;
     margin: 0 8px;
+    min-width: 160px;
     text-align: right;
   }