Toggle the search widget from a button

1 files changed, 7 insertions, 0 deletions

diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index fec27ca1..923cac4b 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -481,6 +481,7 @@ input[type="submit"]:hover {
 }
 
 #main_navigation a,
+#main_navigation button,
 #main_navigation label.nav_toggle,
 #main_navigation form.button_to button {
   display: inline-flex;
@@ -491,10 +492,12 @@ input[type="submit"]:hover {
   width: 2.75rem;
   height: 2.75rem;
   padding: 0;
+  border-color: transparent;
   border-radius: var(--radius-control);
 }
 
 #main_navigation a:hover,
+#main_navigation button:hover,
 #main_navigation label.nav_toggle:hover {
   color: var(--surface);
   background-color: var(--text);
@@ -504,6 +507,10 @@ input[type="submit"]:hover {
   cursor: pointer;
 }
 
+#main_navigation button#search_toggle {
+  cursor: zoom-in;
+}
+
 #main_navigation svg {
   width: 1.5rem;
   height: 1.5rem;