webapps.help: more css changes

diff --git a/extra/webapps/help/search.css b/extra/webapps/help/search.css
index f2a9e540472952404d3fb1500daab743928152c5..7212876257decec8faedd62258419c93ed45f64d 100644 (file)
--- a/extra/webapps/help/search.css
+++ b/extra/webapps/help/search.css
@@ -1,6 +1,7 @@
 .tabs {
   display: flex;
   flex-wrap: wrap;
+  margin: 0 auto 10px;
 }
 
 .radiotab {
@@ -10,12 +11,25 @@
 
 .label {
   width: 100%;
-  background: #e5e5e5;
+  padding: 5px;
+  background: white;
   cursor: pointer;
+  font-weight: bold;
+  font-size: 14pt;
+  color: #7f7f7f;
+  text-align: center;
+  border: 1px solid #ccc;
 }
 
-.label:active {
-  background: #ccc;
+.label:hover {
+  background: #d8d8d8;
+  border: 1px solid #ccc;
+}
+
+.radiotab:checked + .label {
+  border: 1px solid #ccc;
+  background: #f0f0f0;
+  color: black;
 }
 
 .panel {
@@ -23,16 +37,19 @@
   width: 100%;
 }
 
-.input:checked + .label + .panel {
+.radiotab:checked + .label + .panel {
   display: block;
 }
 
 @media (min-width: 600px) {
+
   .panel {
     order: 99;
   }
 
   .label {
     width: 33.33%;
+    border: 1px solid white;
+    border-bottom: 1px solid #ccc;
   }
 }

diff --git a/extra/webapps/help/search.xml b/extra/webapps/help/search.xml
index 48b472fb44f5d2d2ac1dff484b3c976a892c9bd8..1144c23271dcc84b310b28ff1e1d45defbeb9aa9 100644 (file)
--- a/extra/webapps/help/search.xml
+++ b/extra/webapps/help/search.xml
@@ -24,7 +24,7 @@
     </div>
 
     <input class="radiotab" name="tabs" tabindex="1" type="radio" id="vocabs" />
-    <label class="label" for="vocabs">Vocabs</label>
+    <label class="label" for="vocabs">Vocabularies</label>
     <div class="panel" tabindex="1">
     <t:if t:value="vocabs">
         <ul>