webapps.help: style

diff --git a/extra/webapps/help/search.css b/extra/webapps/help/search.css
index 0c63534001253cb608d90946be11af37d78d0676..f2a9e540472952404d3fb1500daab743928152c5 100644 (file)
--- a/extra/webapps/help/search.css
+++ b/extra/webapps/help/search.css
@@ -15,7 +15,7 @@
 }
 
 .label:active {
-  background: #ccc;  
+  background: #ccc;
 }
 
 .panel {
@@ -26,3 +26,13 @@
 .input:checked + .label + .panel {
   display: block;
 }
+
+@media (min-width: 600px) {
+  .panel {
+    order: 99;
+  }
+
+  .label {
+    width: 33.33%;
+  }
+}

diff --git a/extra/webapps/help/search.xml b/extra/webapps/help/search.xml
index 65be3b1da856c0828cd1494aa01fdef1432b60e3..0372b09f6f6565d171674a9f2a2fb79eb47f7f2c 100644 (file)
--- a/extra/webapps/help/search.xml
+++ b/extra/webapps/help/search.xml
@@ -13,7 +13,7 @@
 
     <input class="radiotab" name="tabs" tabindex="1" type="radio" id="words" checked="checked" />
     <label class="label" for="words">Words</label>
-    <div class="panel">
+    <div class="panel" tabindex="1">
     <t:if t:value="words">
         <ul>
             <t:each t:name="words">
@@ -25,7 +25,7 @@
 
     <input class="radiotab" name="tabs" tabindex="1" type="radio" id="vocabs" checked="checked" />
     <label class="label" for="vocabs">Vocabs</label>
-    <div class="panel">
+    <div class="panel" tabindex="1">
     <t:if t:value="vocabs">
         <ul>
             <t:each t:name="vocabs">
@@ -37,7 +37,7 @@
 
     <input class="radiotab" name="tabs" tabindex="1" type="radio" id="articles" checked="checked" />
     <label class="label" for="articles">Articles</label>
-    <div class="panel">
+    <div class="panel" tabindex="1">
     <t:if t:value="articles">
         <ul>
             <t:each t:name="articles">