1
0
forked from HPR/hpr_generator

Fix arrangement and layout of external search forms

Move DuckDuckGo to top of list and make forms equal size
for all window sizes.
This commit is contained in:
2025-09-05 21:00:42 -04:00
parent 5e48d9e064
commit a2fb6b1f6a
2 changed files with 11 additions and 11 deletions

View File

@@ -573,7 +573,7 @@ fieldset > table td input[type="radio"] {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
#search form { #search form {
flex: 1 1 auto flex: 1 1 100%;
} }
#search fieldset { #search fieldset {
padding-top: 1rem; padding-top: 1rem;

View File

@@ -3,16 +3,6 @@
<h1>Search HPR.</h1> <h1>Search HPR.</h1>
</header> </header>
<div class="lane"> <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/"> <form method="get" id="search" action="https://duckduckgo.com/">
<fieldset><legend>DuckDuckGo</legend> <fieldset><legend>DuckDuckGo</legend>
<input type="hidden" name="sites" value="https://www.hackerpublicradio.org/"/> <input type="hidden" name="sites" value="https://www.hackerpublicradio.org/"/>
@@ -26,6 +16,16 @@
</p> </p>
</fieldset> </fieldset>
</form> </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"> <form method="get" action="https://www.bing.com/search">
<fieldset><legend>Bing</legend> <fieldset><legend>Bing</legend>
<input type="hidden" name="cp" value="utf-8" /> <input type="hidden" name="cp" value="utf-8" />