changeset 105:c4c45ae9d0d0

Improve responsive layout of help-mailing-list search.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Wed, 02 Nov 2016 10:51:03 +0100
parents 1222b6208a70
children ea174ca6ccc9
files support.md
diffstat 1 files changed, 26 insertions(+), 22 deletions(-) [+]
line wrap: on
line diff
--- a/support.md	Wed Nov 02 10:50:35 2016 +0100
+++ b/support.md	Wed Nov 02 10:51:03 2016 +0100
@@ -57,30 +57,34 @@
 
   You can also [subscribe][9] to `{{ site.help_email }}` or try to search in the
   mailing list archive for an answer:
-  <div class="row">
-  <div class="columns medium-8">
+
   <form action="http://octave.1599824.n4.nabble.com/template/NamlServlet.jtp">
-  <input name="macro" value="search_page" type="hidden">
-  <input name="node" value="1599825" type="hidden">
-  <div class="row collapse">
-  <div class="columns small-7">
-  <input id="query" name="query" size="25">
+  <div class="row">
+    <div class="columns medium-12">
+      <div class="row collapse">
+        <div class="columns medium-7">
+          <input name="macro" value="search_page" type="hidden">
+          <input name="node" value="1599825" type="hidden">
+          <input id="query" name="query" size="25" placeholder="Search in {{ site.help_email }} archive">
+        </div>
+        <div class="columns medium-3">
+          <select name="days">
+          <option value="0" selected="">all dates</option>
+          <option value="1">past 24 hours</option>
+          <option value="7">past week</option>
+          <option value="30">past month</option>
+          <option value="90">past 3 months</option>
+          <option value="180">past 6 months</option>
+          <option value="365">past year</option>
+          </select>
+        </div>
+        <div class="columns medium-2">
+          <input class="button postfix" value="Search" type="submit">
+        </div>
+      </div>
+    </div>
   </div>
-  <div class="columns small-3">
-  <select name="days">
-  <option value="0" selected="">all dates</option>
-  <option value="1">past 24 hours</option>
-  <option value="7">past week</option>
-  <option value="30">past month</option>
-  <option value="90">past 3 months</option>
-  <option value="180">past 6 months</option>
-  <option value="365">past year</option>
-  </select>
-  </div>
-  <div class="columns small-2">
-  <input class="button postfix" value="Search" type="submit">
-  </div>
-  </div>
+  </form>
 
   <div class="row ">
     <div class="columns small-12">