Fix the alignment of the buttons on the hamburger menu.

diff --git a/media/css/main.css b/media/css/main.css
index 28e01b8dccb9ab9cf9f65158a62ac60c6b02c68e..dede2b90a544adbea6e382d0043a24c3f58c40cc 100644 (file)
--- a/media/css/main.css
+++ b/media/css/main.css
@@ -1892,6 +1892,29 @@ button.imagebutton {
   #docContent table.table {
     font-size: 70%;
   }
+
+  /* Hamburger menu */
+  /* Search and theme buttons layout */
+  #pgNavbar form[role="search"],
+  #pgNavbar #form-theme {
+    display: inline-block;
+    margin: 0.5rem 0.25rem;
+  }
+  #pgNavbar form[role="search"] .input-group {
+    width: auto;
+  }
+  #pgNavbar form[role="search"] .btn,
+  #pgNavbar #form-theme .btn {
+    width: 2.5rem;
+    height: 2.5rem;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  #pgNavbar #form-theme .btn {
+    margin-left: 0;
+  }
 }
 
 @media (max-width: 768px) {