From f674fe27ee50ce0f1c166d4e90bde184ed02c696 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sat, 28 Jul 2018 20:20:41 +0200
Subject: [PATCH] feat(ui): grow input when focused

When input is not in use (user not typing) reduce input size to minimum, only expand it when it's focused
---
 ui/src/Components/NavBar/FilterInput/index.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/ui/src/Components/NavBar/FilterInput/index.css b/ui/src/Components/NavBar/FilterInput/index.css
index c5df36ccd..b5d5d5473 100644
--- a/ui/src/Components/NavBar/FilterInput/index.css
+++ b/ui/src/Components/NavBar/FilterInput/index.css
@@ -35,3 +35,11 @@ input.components-filterinput-wrapper {
     max-width: 600px;
   }
 }
+
+input.components-filterinput-wrapper {
+  width: 1px;
+}
+
+input.components-filterinput-wrapper:focus {
+  width: auto;
+}