From 6a69fa3bd2da86c3bdb06b6ddea4595502f1e715 Mon Sep 17 00:00:00 2001
From: Juan Astudillo <57147770+AstudilloJuanF@users.noreply.github.com>
Date: Mon, 20 Mar 2023 22:08:12 -0400
Subject: [PATCH] Make search box more visible

Small change to make search bar slightly more visible to users
---
 assets/css/default.css | 30 ++++++++++++++----------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index f8b1c9f7..f3ed3fd3 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -218,23 +218,21 @@ div.watched-indicator {
 .searchbar .pure-form fieldset { padding: 0; }
 
 .searchbar input[type="search"] {
-	width: 100%;
-	margin: 1px;
-
-	border: 1px solid;
-	border-color: rgba(0,0,0,0);
-	border-bottom-color: #CCC;
-	border-radius: 0;
-
-	box-shadow: none;
-	-webkit-appearance: none;
+  background-color: rgba(0,0,0, 0.06);
+  width: 100%;
+  margin: 2px;
+  margin-bottom: 1px;
+  border: none;
+  border-bottom: solid 2px #CCC;
+  border-radius: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
 }
 
 .searchbar input[type="search"]:focus {
-	margin: 0;
-	border: 2px solid;
-	border-color: rgba(0,0,0,0);
-	border-bottom-color: #FED;
+  margin-bottom: 0;
+  border-bottom-width: 3px;
+  border-bottom-color: #FED;
 }
 
 /* https://stackoverflow.com/a/55170420 */
@@ -456,7 +454,7 @@ body.dark-theme {
 }
 
 .dark-theme .searchbar input {
-  background-color: inherit;
+  background-color: rgba(0,0,0, 0.25);
   color: inherit;
 }
 
@@ -495,7 +493,7 @@ body.dark-theme {
   }
 
   .no-theme .searchbar input {
-    background-color: inherit;
+    background-color: rgba(0,0,0, 0.25);
     color: inherit;
   }
 }