Fix webkit (modern day IE courtesy of Apple® Inc.) stuff like broken modern media queries and no style for dropdowns

3 files changed, 9 insertions, 20 deletions

diff --git a/style/main.css b/style/main.css
index 5b6a064..886dedd 100644
--- a/style/main.css
+++ b/style/main.css
@@ -310,6 +310,11 @@ button, input { all: unset; }
     user-select: none;
 }
 
+@supports (-webkit-touch-callout: none)
+{
+    #sect, #arch { border-bottom: 2px solid var(--border); }
+}
+
 button, input[type=submit]
 {
     color:            var(--btn-fg);
diff --git a/style/man.css b/style/man.css
index a1f6aed..4999be2 100644
--- a/style/man.css
+++ b/style/man.css
@@ -102,17 +102,6 @@
     overflow-wrap: break-word;
 }
 
-/*
-.head
-{
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-}
-*/
-
 table
 {
     display: block;
@@ -191,7 +180,7 @@ pre
     #lmmtfy textarea:hover { box-shadow: 0.5pt 0.75pt 0.5rem var(--qshadowh); }
 }
 
-@media (width <= 800px)
+@media (max-width: 800px)
 {
     .manpage
     {
@@ -203,12 +192,7 @@ pre
     }
 
     #lmmtfy { margin-bottom: 3em; }
-
-    #lmmtfy > div
-    {
-        width: 90%;
-
-    }
+    #lmmtfy > div { width: 90%; }
 }
 
 
diff --git a/style/search.css b/style/search.css
index 291b482..168bb56 100644
--- a/style/search.css
+++ b/style/search.css
@@ -148,12 +148,12 @@
     #man { border-color: transparent; }
 }
 
-@media (width <= 970px)
+@media (max-width: 970px)
 {
     #topnav { display: none; }
 }
 
-@media (width <= 800px)
+@media (max-width: 800px)
 {
     #main > header
     {