From 9cd2e93a2ee8f2f0f570bcb8fbe584f5c502a34e Mon Sep 17 00:00:00 2001
From: thansk <53181514+thansk@users.noreply.github.com>
Date: Sun, 19 May 2024 11:46:55 +0000
Subject: [PATCH 1/4] feat: allow submitting search with mouse

---
 assets/css/default.css                        | 19 ++++++++++++++++++-
 src/invidious/views/components/search_box.ecr |  1 +
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index a47762ec..d86ec7bc 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -278,7 +278,14 @@ div.thumbnail > .bottom-right-overlay {
   display: inline;
 }
 
-.searchbar .pure-form fieldset { padding: 0; }
+.searchbar .pure-form {
+  display: flex;
+}
+
+.searchbar .pure-form fieldset { 
+  padding: 0;
+  flex: 1;
+}
 
 .searchbar input[type="search"] {
 	width: 100%;
@@ -310,6 +317,16 @@ input[type="search"]::-webkit-search-cancel-button {
   background-size: 14px;
 }
 
+.searchbar #searchbutton {
+  border: 0;
+  background: none;
+  text-transform: uppercase;
+}
+
+.searchbar #searchbutton:hover {
+  color: rgb(0, 182, 240);
+}
+
 .user-field {
   display: flex;
   flex-direction: row;
diff --git a/src/invidious/views/components/search_box.ecr b/src/invidious/views/components/search_box.ecr
index a03785d1..c5488255 100644
--- a/src/invidious/views/components/search_box.ecr
+++ b/src/invidious/views/components/search_box.ecr
@@ -6,4 +6,5 @@
 		title="<%= translate(locale, "search") %>"
 		value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
 	</fieldset>
+	<button type="submit" id="searchbutton">Search</button>
 </form>

From 5abafb8296330dfc7fe7ab630661e0cc8e04ef85 Mon Sep 17 00:00:00 2001
From: thansk <53181514+thansk@users.noreply.github.com>
Date: Mon, 20 May 2024 11:49:56 +0000
Subject: [PATCH 2/4] fix: use a search icon instead of text

---
 assets/css/default.css                        | 3 +++
 src/invidious/views/components/search_box.ecr | 6 +++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index d86ec7bc..20ec3222 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -321,6 +321,9 @@ input[type="search"]::-webkit-search-cancel-button {
   border: 0;
   background: none;
   text-transform: uppercase;
+  display: grid;
+  place-items: center;
+  width: 1.5em;
 }
 
 .searchbar #searchbutton:hover {
diff --git a/src/invidious/views/components/search_box.ecr b/src/invidious/views/components/search_box.ecr
index c5488255..b679b031 100644
--- a/src/invidious/views/components/search_box.ecr
+++ b/src/invidious/views/components/search_box.ecr
@@ -6,5 +6,9 @@
 		title="<%= translate(locale, "search") %>"
 		value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
 	</fieldset>
-	<button type="submit" id="searchbutton">Search</button>
+	<button type="submit" id="searchbutton" aria-label="<%= translate(locale, "search") %>">
+		<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" aria-hidden="true">
+  			<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+		</svg>
+	</button>
 </form>

From 1ce2d10c505a7e0c3972acfb626a0ae3c9af3d57 Mon Sep 17 00:00:00 2001
From: thansk <53181514+thansk@users.noreply.github.com>
Date: Mon, 20 May 2024 14:17:30 +0000
Subject: [PATCH 3/4] fix: use ion icon for search icon

---
 assets/css/default.css                        | 7 ++-----
 src/invidious/views/components/search_box.ecr | 4 +---
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index 20ec3222..1445f65f 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -318,12 +318,9 @@ input[type="search"]::-webkit-search-cancel-button {
 }
 
 .searchbar #searchbutton {
-  border: 0;
+  border: none;
   background: none;
-  text-transform: uppercase;
-  display: grid;
-  place-items: center;
-  width: 1.5em;
+  margin-top: 0;
 }
 
 .searchbar #searchbutton:hover {
diff --git a/src/invidious/views/components/search_box.ecr b/src/invidious/views/components/search_box.ecr
index b679b031..29da2c52 100644
--- a/src/invidious/views/components/search_box.ecr
+++ b/src/invidious/views/components/search_box.ecr
@@ -7,8 +7,6 @@
 		value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
 	</fieldset>
 	<button type="submit" id="searchbutton" aria-label="<%= translate(locale, "search") %>">
-		<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6" aria-hidden="true">
-  			<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
-		</svg>
+		<i class="icon ion-ios-search"></i>
 	</button>
 </form>

From b200ebfb6bc9de169d288c3d816332ea439fbdb6 Mon Sep 17 00:00:00 2001
From: Samantaz Fox <coding@samantaz.fr>
Date: Wed, 21 Aug 2024 20:23:45 +0000
Subject: [PATCH 4/4] CSS: Remove extra space in default.css

---
 assets/css/default.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index 1445f65f..2cedcf0c 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -282,7 +282,7 @@ div.thumbnail > .bottom-right-overlay {
   display: flex;
 }
 
-.searchbar .pure-form fieldset { 
+.searchbar .pure-form fieldset {
   padding: 0;
   flex: 1;
 }