Fix the search bar for screen bigger than 768px

kiwix · Jan 19, 2025 · 27aa7ad · 27aa7ad
1 parent 687a07f
commit 27aa7ad
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/www/css/app.css b/www/css/app.css
@@ -69,7 +69,8 @@
 }
 
 .form-control {
-    margin-top: 2px;
+    margin-top: 3px;
+    margin-right: 4px;
 }
 
 #articleList {
@@ -95,7 +96,8 @@
 }
 
 #formArticleSearch {
-    padding-top: 1rem;
+    padding-top: 20px;
+    padding-bottom: 0px;
 }
 
 #configuration {
@@ -400,25 +402,25 @@ button {
 
     /* Article Form */
     #formArticleSearch .form-control {
-        height: 31px !important;
-        padding: 2px 8px !important;
-        font-size: 14px !important;
+        height: 31px ;
+        padding: 2px 8px ;
+        font-size: 13px ;
         margin-right: 4px;
     }
 
     /* search button */
     #formArticleSearch .btn {
-        height: 30px !important;
-        padding: 2px 8px !important;
-        font-size: 14px !important;
-        line-height: 1.5 !important;
+        height: 30px ;
+        padding: 2px 10px ;
+        font-size: 14px ;
+        line-height: 1.5 ;
     }
 
     /* Reduce size of the bottom buttons */
     .btn-lg, .btn-group-lg > .btn {
-        padding-top: 1px !important;
-        padding-bottom: 1px !important;
-        font-size: 16px !important;
+        padding-top: 1px ;
+        padding-bottom: 1px ;
+        font-size: 16px ;
     }
 
     #archiveList {