reformat converted FAQ Search page

dreamwidth · Dec 10, 2020 · 221eb64 · 221eb64
1 parent e917ea9
commit 221eb64
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 23 deletions.
diff --git a/htdocs/stc/faq.css b/htdocs/stc/faq.css
@@ -4,5 +4,7 @@
     list-style-position: outside;
 }
 
-.summary {font-weight: bold;}
+.summary { font-weight: bold; }
 
+#search-q, #search-lang { width: auto; display: inline; margin: 1em; }
+#search-lang { padding-right: 2rem; }
diff --git a/views/support/faqsearch.tt b/views/support/faqsearch.tt
@@ -6,29 +6,9 @@
 [%- sections.title = dw.ml('.title') -%]
 
 <p>[% '.info' | ml %]</p>
-<form method='GET'>
-    <div class="row">
-        <div class="columns large-3 text-right">[% '.label.term' | ml %]:</div>
-        <div class="columns large-6">
-            [%- form.textbox( size = 30, value = q, name = 'q') -%]
-        </div>
-        <div class="columns large-3">
-            [%- form.submit( 'value' = dw.ml('.button.search')) -%]
-        </div>
-    </div>
 
-    <div class="row">
-        <div class="columns large-3 text-right">
-            [% '.label.lang' | ml %]
-        </div>
-        <div class="columns large-3">
-            [%- form.select( name = 'lang', selected = sel, items = langs) -%]
-        </div>
-        <div class="columns large-6">
-            [% '.example' | ml %]
-        </div>
-    </div>
-</form>
+<p>[% '.example' | ml %]</p>
+
 [%- IF q && q.length < 1 -%]
 <p><i>[% '.error.noterm' | ml %]</i></p>
 [%- END -%]
@@ -37,6 +17,21 @@
 <p><i>[% '.error.tooshort' | ml %]</i></p>
 [%- END -%]
 
+<form method='GET'>
+    <div>
+            [% '.label.term' | ml %]:
+            [%- form.textbox( size = 30, value = q, name = 'q',
+	                      id = 'search-q' ) -%]
+            [%- form.submit( 'value' = dw.ml('.button.search') ) -%]
+    </div>
+
+    <div>
+            [% '.label.lang' | ml %]:
+            [%- form.select( name = 'lang', selected = sel, items = langs,
+	                     id = 'search-lang' ) -%]
+    </div>
+</form>
+
 [%- IF results -%]
     [%- IF results.size < 1 -%]
         <p><i>[% '.error.noresults' | ml %]</i></p>