From a2fb6b1f6a85ef553add97e824a83a41247ddbc0 Mon Sep 17 00:00:00 2001
From: Roan Horning <roan.horning@gmail.com>
Date: Fri, 5 Sep 2025 21:00:42 -0400
Subject: [PATCH] Fix arrangement and layout of external search forms

Move DuckDuckGo to top of list and make forms equal size
for all window sizes.
---
 public_html/css/hpr.css           |  2 +-
 templates/content-search.tpl.html | 20 ++++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index 475998d..f1a69bc 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -573,7 +573,7 @@ fieldset > table td input[type="radio"] {
 	margin-bottom: 0.5rem;
 }
 #search form {
-	flex: 1 1 auto
+	flex: 1 1 100%;
 }
 #search fieldset {
 	padding-top: 1rem;
diff --git a/templates/content-search.tpl.html b/templates/content-search.tpl.html
index d79205c..53fd39f 100644
--- a/templates/content-search.tpl.html
+++ b/templates/content-search.tpl.html
@@ -3,16 +3,6 @@
 		<h1>Search HPR.</h1>
 	</header>
 	<div class="lane">
-		<form name="google-search" method="get" action="https://www.google.com/search">
-			<fieldset><legend>Google</legend>
-				<input type="hidden" name="sitesearch" value="https://www.hackerpublicradio.org/" />
-				<input name="q" type="text" placeholder="Search HPR with Google"/>
-				<input type="submit" name="sa" value="Search HPR with Google" />
-				<p>
-				<a href="https://www.google.com/policies/privacy/">privacy policy</a>
-				</p>
-			</fieldset>
-		</form>
 		<form method="get" id="search" action="https://duckduckgo.com/">
 			<fieldset><legend>DuckDuckGo</legend>
 			<input type="hidden" name="sites" value="https://www.hackerpublicradio.org/"/>
@@ -26,6 +16,16 @@
 			</p>
 			</fieldset>
 		</form>
+		<form name="google-search" method="get" action="https://www.google.com/search">
+			<fieldset><legend>Google</legend>
+				<input type="hidden" name="sitesearch" value="https://www.hackerpublicradio.org/" />
+				<input name="q" type="text" placeholder="Search HPR with Google"/>
+				<input type="submit" name="sa" value="Search HPR with Google" />
+				<p>
+				<a href="https://www.google.com/policies/privacy/">privacy policy</a>
+				</p>
+			</fieldset>
+		</form>
 		<form method="get" action="https://www.bing.com/search">
 			<fieldset><legend>Bing</legend>
 				<input type="hidden" name="cp" value="utf-8" />