From 9e0bc061248aa036cdf026c74dc88ac447450b2d Mon Sep 17 00:00:00 2001
From: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>
Date: Fri, 31 May 2019 14:40:47 +0200
Subject: [PATCH] Hide search and filter on small screens (#1253)

* hide search and filter on small screens

* lint that vscode doesnt show
---
 packages/ui-app/src/FilterOverlay.tsx | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/packages/ui-app/src/FilterOverlay.tsx b/packages/ui-app/src/FilterOverlay.tsx
index a68d009ce7..a2b3717822 100644
--- a/packages/ui-app/src/FilterOverlay.tsx
+++ b/packages/ui-app/src/FilterOverlay.tsx
@@ -14,24 +14,30 @@ type Props = BareProps & {
 };
 
 const Wrapper = styled.div`
-  display: flex;
-  justify-content: flex-end;
-  position: absolute;
-  right: 5rem;
-  top: 0.4rem;
-
-  > div {
-    max-width: 35rem !important;
-  }
+  display:none;
 
   .ui--Labelled label {
     display: none;
   }
 
   ${media.DESKTOP`
+    display: flex;
+    justify-content: flex-end;
+    position: absolute;
+    right: 5rem;
+    top: 0.4rem;
+
+    > div {
+      max-width: 35rem !important;
+    }
+
     .ui--Labelled label {
       display: flex;
     }
+
+    .ui.selection.dropdown {
+      white-space: nowrap;
+    }
   `}
 `;