gui: CSS tweaks for mobile views

GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3257

gui/default/assets/css/overrides.css

@@ -50,10 +50,6 @@ ul+h5 {
     word-wrap:break-word;
 }
 
-.modal-header .fa {
-    margin-right: 15px;
-}
-
 .text-monospace {
     font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 }
@@ -171,12 +167,20 @@ table.table-condensed td.no-overflow-ellipse {
 }
 
 /**
- * Accordion Title bars
+ * Panel, Model and Accordion Title bars
  */
 
-.panel-icon{
+.panel-icon {
     float: left;
     margin-right: 15px;
+    margin-top: 0.125em;
+    margin-bottom: 0.125em;
+    line-height: 1;
+}
+
+.modal-title .panel-icon {
+    margin-top: 0.25em;
+    margin-bottom: 0.25em;
 }
 
 .panel-heading {
@@ -201,11 +205,6 @@ identicon {
     line-height: 1;
 }
 
-h3 identicon, h4 identicon{
-    margin-top: 0.125em;
-    margin-bottom: 0.125em;
-}
-
 .identicon {
     width: 1em;
     height: 1em;
@@ -272,6 +271,10 @@ ul.three-columns li, ul.two-columns li {
         padding-bottom: 0px;
     }
 
+    .navbar-brand {
+        margin: 3.25px -15px;
+    }
+
     .navbar-fixed-bottom {
         position: relative;
     }