From 185b64db27dcbe343202bdc83f72034f8bcaef7b Mon Sep 17 00:00:00 2001
From: Ethan Yoo <hello@ethanyoo.com>
Date: Thu, 29 Dec 2022 10:54:17 -0500
Subject: [PATCH] Modify search form and CSS file

---
 themes/geronimo/layouts/partials/search.html |  5 +++--
 themes/geronimo/static/css/search.css        | 23 ++++----------------
 2 files changed, 7 insertions(+), 21 deletions(-)

diff --git a/themes/geronimo/layouts/partials/search.html b/themes/geronimo/layouts/partials/search.html
index f1adc25..8e59ef5 100644
--- a/themes/geronimo/layouts/partials/search.html
+++ b/themes/geronimo/layouts/partials/search.html
@@ -1,10 +1,11 @@
 <!-- layouts/partials/search.html -->
-<form id="search-form" class="noscript" method="GET" action="https://duckduckgo.com/" data-language-prefix="{{ site.LanguagePrefix }}">
+<form id="search-form" class="noscript" method="GET" action="https://duckduckgo.com/">
 	<div class="search-bar">
-		<input id="search-input" class="search--display" name="q" tabindex="0" autocomplete="off" {{ with site.BaseURL }}value=" site:{{ . }}"{{ end }} placeholder="{{ i18n "search" }}">
+		<input id="search-input" class="search--display" name="q" tabindex="0" autocomplete="off" {{ with site.BaseURL }}value=" site:{{ . }}"{{ end }} placeholder="{{ "Search" }}">
 		<input id="search-submit" class="icon" type="submit" value="⌕">
 	</div>
 	<ul id="search-results" class="search--display"></ul>
 </form>
 <!-- <script src="{{ "/js/fuse.js" | relURL }}"></script> -->
 <script src="{{ "/js/fixedsearch.js" | relURL }}"></script>
+<link rel="stylesheet" href="/css/search.css?rnd={{ now.Unix }}">
\ No newline at end of file
diff --git a/themes/geronimo/static/css/search.css b/themes/geronimo/static/css/search.css
index fe0ffb0..9ccbf63 100644
--- a/themes/geronimo/static/css/search.css
+++ b/themes/geronimo/static/css/search.css
@@ -1,9 +1,9 @@
 #search-form {
 	display: block;
 	position: fixed;
-	top: 0;
-	right: 0;
-	margin: 0;
+	top: 5px;
+	right: 5px;
+	margin: 5px;
 	padding: 0;
 	min-width: var(--icon-size, 1.2rem);
 	max-width: 15rem;
@@ -23,14 +23,12 @@
 	align-items: center;
 }
 #search-form .search-bar {
-	background: rgb(var(--page-color, '240,240,240'));
 	color: rgb(var(--text-color, '3,3,3'));
 }
 #search-form[data-focus='true'] .search-bar {
 	border: 2.5px solid rgb(var(--accent-color, '0,0,255'));
 }
 #search-form[data-focus='true'] .search-bar:not(:focus-within) {
-	background: rgb(var(--text-color, '3,3,3'));
 	color: rgb(var(--page-color, '240,240,240'));
 	border-color: rgb(var(--text-color, '3,3,3'));
 }
@@ -45,17 +43,7 @@
 	color: inherit;
 	outline: none;
 	text-align: left;
-	font-size: var(--s-2, 0.8rem);
-}
-#search-submit {
-	display: block;
-	margin: 0 var(--icon-pad, 0.1rem) 0 0;
-	padding: 0;
-	width:       var(--icon-size, 1.2rem);
-	height:      var(--icon-size, 1.2rem);
-	line-height: var(--icon-size, 1.2rem);
-	background: inherit;
-	color: inherit;
+	/* font-size: var(--s-2, 0.8rem); */
 }
 #search-submit:hover,
 #search-submit:focus {
@@ -84,7 +72,6 @@
 #search-results li {
 	margin: 0;
 	width: 100%;
-	background-color: rgba(var(--page-color, '240,240,240'), var(--page-color-transparency, 0.89));
 	border-top: 0.5px dashed;
 	list-style: none;
 }
@@ -99,12 +86,10 @@
 }
 #search-results a:hover,
 #search-results a:focus {
-	background: rgb(var(--text-color, '3,3,3'));
 	color: rgb(var(--page-color, '240,240,240'));
 	outline: 0;
 }
 #search-results a:active {
-	background: rgb(var(--accent-color, '0,0,255'));
 	color: rgb(var(--page-color, '240,240,240'));
 }
 #search-results li span:empty {