webapps.help: more css

diff --git a/extra/webapps/help/search.css b/extra/webapps/help/search.css
index fa937b3a605501cb955e779b57ddfc40f3015b6f..c61137dd49dcb913ca1a44c3820b3addf4b33528 100644 (file)
--- a/extra/webapps/help/search.css
+++ b/extra/webapps/help/search.css
@@ -18,18 +18,15 @@
   color: #7f7f7f;
   text-align: center;
   border: 1px solid #ccc;
-  border-bottom: none;
 }
 
 .label:hover {
   background: #d8d8d8;
   border: 1px solid #ccc;
-  border-bottom: none;
 }
 
 .radiotab:checked + .label {
   border: 1px solid #ccc;
-  border-bottom: none;
   background: #f0f0f0;
   color: black;
 }
@@ -37,7 +34,6 @@
 .panel {
   display: none;
   width: 100%;
-  border-top: 1px solid #ccc;
 }
 
 .radiotab:checked + .label + .panel {
@@ -46,10 +42,6 @@
 
 @media (prefers-color-scheme: dark) {
 
-  .panel {
-    border-top: 1px solid #666;
-  }
-
   .label {
     color: #bdc1c6;
     border: 1px solid #666;
@@ -72,6 +64,7 @@
 
   .panel {
     order: 99;
+    border-top: 1px solid #ccc;
   }
 
   .label {
@@ -79,4 +72,19 @@
     border: 1px solid transparent;
     border-bottom: none;
   }
+
+  .label:hover {
+    border-bottom: none;
+  }
+
+  .radiotab:checked + .label {
+    border-bottom: none;
+  }
+}
+
+@media (min-width: 600px and prefers-color-scheme: dark) {
+
+  .panel {
+    border-top: 1px solid #666;
+  }
 }