From 3d630dd387c6b686a30a7808bd011ecf19433655 Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Mon, 12 Apr 2021 04:24:27 -0700
Subject: [PATCH] Add search icon to navbar searchbar

---
 assets/css/default.css           | 20 +++++++++++++++++---
 src/invidious/views/template.ecr |  1 +
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index d01644ce..d9f95529 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -168,6 +168,18 @@ img.thumbnail {
     color: #3E4446;
     background: transparent;
     font-size: 1.1em;
+
+
+}
+
+.search-button:hover {
+    color: #090909;
+}
+
+#right-overlap-search-button {
+    float: right;
+    position: relative;
+    bottom: 1.8em;
 }
 
 /*
@@ -429,12 +441,14 @@ body.dark-theme {
 }
 
 .dark-theme .search-button {
-    border: none;
     color: #B0ADA4;
-    background: transparent;
-    font-size: 1.1em;
 }
 
+.dark-theme .search-button:hover {
+    color: #CFCBC1;
+}
+
+
 .dark-theme .pure-menu-link:hover, .dark-theme .pure-menu-link:active {
   background-color: rgb(34, 36, 38)
 }
diff --git a/src/invidious/views/template.ecr b/src/invidious/views/template.ecr
index d0bdd742..ec8408c8 100644
--- a/src/invidious/views/template.ecr
+++ b/src/invidious/views/template.ecr
@@ -36,6 +36,7 @@
                         <form class="pure-form" action="/search" method="get">
                             <fieldset>
                                 <input type="search" style="width:100%" name="q" placeholder="<%= translate(locale, "search") %>" value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
+                                <button class="search-button" id="right-overlap-search-button"><i class="icon ion-md-search"></i></button>
                             </fieldset>
                         </form>
                     </div>