fix slider opts checkbox outline, fix tab issue with opts by just disabling tab :/, fix minor flexbox shrinkage

5 files changed, 7 insertions, 5 deletions

diff --git a/TODO b/TODO
index db6be8f..bdc62cf 100644
--- a/TODO
+++ b/TODO
@@ -5,4 +5,3 @@ TODO:  populate all the static pages, like About and stuff
 FIXME: flash of white on load for /search.php, also stuck loading with no args
 TODO:  sgrep TODO
 FIXME: on manup.sh the mandoc generates slightly different HTML, like the headers. Needs CSS fixes.
-FIXME: outline on opt overflow checkbox is annoying
diff --git a/index.php b/index.php
index 028e103..6b2cc12 100644
--- a/index.php
+++ b/index.php
@@ -59,7 +59,7 @@
                         <input type="checkbox" id="query_opts_toggle"/>
                         <div id="query_opts">
                             <span class="query_opt" title="section">-s</span>
-                            <select id="sect"  name='section' title="section" autocomplete="off">
+                            <select id="sect"  name='section' title="section" autocomplete="off" tabindex="-1">
                                 <option value=""></option>
                                 <?php
                                     for($i = 1; $i <= 9; $i++)
@@ -72,7 +72,7 @@
                                 ?>
                             </select>
                             <span class="query_opt" title="architecture">-S</span>
-                            <select id="arch"  name='arch' title="architecture" autocomplete="off">
+                            <select id="arch"  name='arch' title="architecture" autocomplete="off" tabindex="-1">
                                 <option value=""></option>
                                 <?php
                                     foreach($archs as $a)
diff --git a/search.php b/search.php
index c8d41e8..5be46b6 100644
--- a/search.php
+++ b/search.php
@@ -53,7 +53,7 @@
                             <input type="checkbox" id="query_opts_toggle"/>
                             <div id="query_opts">
                                 <span class="query_opt" title="section">-s</span>
-                                <select id="sect"  name='section' title="section" autocomplete="off">
+                                <select id="sect"  name='section' title="section" autocomplete="off" tabindex="-1">
                                     <option value=""></option>
                                     <?php
                                         for($i = 1; $i <= 9; $i++)
@@ -66,7 +66,7 @@
                                     ?>
                                 </select>
                                 <span class="query_opt" title="architecture">-S</span>
-                                <select id="arch"  name='arch' title="architecture" autocomplete="off">
+                                <select id="arch"  name='arch' title="architecture" autocomplete="off" tabindex="-1">
                                     <option value=""></option>
                                     <?php
                                         foreach($archs as $a)
diff --git a/style/main.css b/style/main.css
index 14b30e3..dd7d118 100644
--- a/style/main.css
+++ b/style/main.css
@@ -324,6 +324,8 @@ button:focus, input:focus { outline: 1px auto; }
 }
 
 #query_opts_toggle { display: none; }
+#query_opts_toggle:focus { outline: none; }
+#query_opts_toggle:focus-visible { outline: 1px auto; }
 
 #query_opts
 {
diff --git a/style/search.css b/style/search.css
index 2e85c2a..9f8a88f 100644
--- a/style/search.css
+++ b/style/search.css
@@ -51,6 +51,7 @@
 
 #man, #mank
 {
+    flex-shrink:   0;
     height:        4em;
     font-size:     13pt;
     min-width:     25pt;