From 39c105071519a37bc49c39a1abe87db17e7c3668 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Mon, 16 Jul 2018 14:21:37 +0200
Subject: [PATCH] fix(ui): dropdown width should depend on screen size

To better fit on small screens
---
 .../Components/NavBar/FilterInput/index.css   | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/ui/src/Components/NavBar/FilterInput/index.css b/ui/src/Components/NavBar/FilterInput/index.css
index ec22f61d8..527fca8e6 100644
--- a/ui/src/Components/NavBar/FilterInput/index.css
+++ b/ui/src/Components/NavBar/FilterInput/index.css
@@ -12,10 +12,6 @@
   vertical-align: middle;
 }
 
-.dropdown-menu.components-navbar-historymenu {
-  max-width: 400px;
-}
-
 .dropdown-menu.components-navbar-historymenu > .dropdown-item {
   white-space: normal;
 }
@@ -23,3 +19,19 @@
 .components-navbar-historymenu-labels {
   border-left: 3px solid;
 }
+
+@media screen and (min-width: 1px) and (max-width: 599px) {
+  .dropdown-menu.components-navbar-historymenu {
+    max-width: 100%;
+  }
+}
+@media screen and (min-width: 600px) and (max-width: 999px) {
+  .dropdown-menu.components-navbar-historymenu {
+    max-width: 500px;
+  }
+}
+@media screen and (min-width: 1000px) {
+  .dropdown-menu.components-navbar-historymenu {
+    max-width: 600px;
+  }
+}