From 2a11e6f886cc6f241afb24448d2421d0922a49b7 Mon Sep 17 00:00:00 2001
From: Ondrej Zara <ondrej.zara@gmail.com>
Date: Mon, 1 Apr 2019 13:28:10 +0200
Subject: [PATCH] search flex

---
 app/app.css         | 9 ++-------
 app/css/search.less | 7 ++-----
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/app/app.css b/app/app.css
index 4889455..4c07a19 100644
--- a/app/app.css
+++ b/app/app.css
@@ -525,9 +525,7 @@ nav ul li.active {
 .search {
   display: flex;
   align-items: center;
-  max-width: 50%;
   margin-left: auto;
-  transition: all 300ms;
 }
 .search .icon {
   width: 32px;
@@ -538,15 +536,12 @@ nav ul li.active {
   color: inherit;
   background-color: inherit;
   border-bottom: 1px solid var(--fg);
-  xtransition: all 300ms;
+  transition: all 300ms;
   width: 0;
   padding: 0;
 }
-.search.open {
-  flex-grow: 1;
-}
 .search.open input {
-  flex-grow: 1;
+  width: 10vw;
 }
 .art {
   margin-right: var(--icon-spacing);
diff --git a/app/css/search.less b/app/css/search.less
index e8d919c..b563f8e 100644
--- a/app/css/search.less
+++ b/app/css/search.less
@@ -1,9 +1,7 @@
 .search {
 	display: flex;
 	align-items: center;
-	max-width: 50%;
 	margin-left: auto;
-	transition: all 300ms;
 
 	.icon {
 		width: 32px;
@@ -15,15 +13,14 @@
 		color: inherit;
 		background-color: inherit;
 		border-bottom: 1px solid var(--fg);
-		xtransition: all 300ms;
+		transition: all 300ms;
 		width: 0;
 		padding: 0;
 	}
 
 	&.open {
-		flex-grow: 1;
 		input {
-			flex-grow: 1;
+			width: 10vw;
 		}
 	}
 }
\ No newline at end of file