Fix sizing of search bar on narrow screens #1214 (#1302)

Signed-off-by: @THEBOSS0369

Author: THEBOSS0369

Diff for: 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 {
@@ -392,11 +394,33 @@ button {
         font-size: 10px !important;
     }
 
+    /* margin between search button and result text */
+    #formArticleSearch > .container {
+        margin-top: 0rem;
+        margin-bottom: 0.2rem;
+    }
+
+    /* Article Form */
+    #formArticleSearch .form-control {
+        height: 31px ;
+        padding: 2px 8px ;
+        font-size: 13px ;
+        margin-right: 4px;
+    }
+
+    /* search button */
+    #formArticleSearch .btn {
+        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 {