From f8e6377bb688134416d1088aefc95ae7f7816290 Mon Sep 17 00:00:00 2001
From: Gerome Matilla <gerome.matilla07@gmail.com>
Date: Sat, 13 Jun 2020 13:22:16 +0800
Subject: [PATCH] add fix width to searchbars and add transitions

---
 css/search-box.css | 4 +++-
 css/web-menu.css   | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/css/search-box.css b/css/search-box.css
index 208e3f5..0bbb976 100644
--- a/css/search-box.css
+++ b/css/search-box.css
@@ -15,7 +15,7 @@
 }
 
 #searchBox {
-	width: 30vw;
+	width: 350px;
 	height: 48px;
 
 	padding-left: 10px;
@@ -36,6 +36,8 @@
 
 	border: none;
 	border-radius: 24px;
+
+	transition: all var(--transition-speed);
 	
 	backdrop-filter: blur(var(--blur-strength));
 }
diff --git a/css/web-menu.css b/css/web-menu.css
index 9d61d46..06e5f59 100644
--- a/css/web-menu.css
+++ b/css/web-menu.css
@@ -76,9 +76,11 @@
 	border: none;
 	border-radius: 6px;
 	
-	width: 25%;
+	width: 225px;
 	height: 36px;
 	margin: 0;
+
+	transition: all var(--transition-speed);
 }
 
 #webMenuSearchBox::placeholder {