From 8392b7a60634c3fcdacfdffc5c252ea53c726f2d Mon Sep 17 00:00:00 2001
From: chand1012 <chandler@multisiglabs.org>
Date: Fri, 17 May 2024 10:18:58 -0400
Subject: [PATCH] Fix some styling issues and query bug

---
 internal/assets/static/main.css       | 8 +++++++-
 internal/assets/templates/search.html | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/internal/assets/static/main.css b/internal/assets/static/main.css
index a5b8acb..1f8b442 100644
--- a/internal/assets/static/main.css
+++ b/internal/assets/static/main.css
@@ -1221,12 +1221,13 @@ body {
 .search-input {
     width: 100%;
     padding: 10px 40px 10px 10px;
-    font-size: var(--font-size-h3);
+    font-size: var(--font-size-h2);
     border: 1px solid var(--color-widget-content-border);
     border-radius: 20px;
     color: white;
     background: var(--color-background);
     transition: border-color 0.15s ease;
+    font-family: 'JetBrains Mono', monospace;
 }
 
 .search-input:focus {
@@ -1234,6 +1235,11 @@ body {
     border-color: var(--color-primary);
 }
 
+.search-input:placeholder-shown {
+    color: var(--color-text-subdue);
+    font-family: 'JetBrains Mono', monospace;
+}
+
 .search-button {
     position: absolute;
     right: 10px;
diff --git a/internal/assets/templates/search.html b/internal/assets/templates/search.html
index be70575..211ed0c 100644
--- a/internal/assets/templates/search.html
+++ b/internal/assets/templates/search.html
@@ -3,7 +3,7 @@
 {{ define "widget-content" }}
     <form class="search-form" action="{{ .SearchURL }}" method="get">
       <div class="search-input-container">
-        <input type="text" class="search-input" value name="q" placeholder="Search...">
+        <input type="text" class="search-input" value="{{ .Query }}" name="q" placeholder="Search...">
         <button type="submit" class="search-button">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"