gui: Vertically center identicons in panel titles

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

gui/dark/assets/css/theme.css

@@ -101,6 +101,10 @@ li.hidden-xs:hover, .navbar-link:hover, .navbar-link:focus {
     fill: #aaa;
 }
 
+.panel-warning .identicon rect {
+    fill: #222;
+}
+
 .panel-heading:hover, .panel-heading:focus {
     text-decoration: none;
 }

gui/default/assets/css/overrides.css

@@ -201,7 +201,7 @@ identicon {
     line-height: 1;
 }
 
-h4 identicon{
+h3 identicon, h4 identicon{
     margin-top: 0.125em;
     margin-bottom: 0.125em;
 }

gui/default/assets/css/theme.css

@@ -15,6 +15,10 @@
     fill: #333;
 }
 
+.panel-warning .identicon rect {
+    fill: #fff;
+}
+
 .li-column {
     background-color: rgb(236, 240, 241);
     border-radius: 3px;

gui/default/index.html

@@ -135,7 +135,7 @@
         <div class="panel panel-warning">
           <div class="panel-heading">
             <h3 class="panel-title">
-              <identicon data-value="device"></identicon>
+              <identicon class="panel-icon" data-value="device"></identicon>
               <span translate>New Device</span>
               <span class="pull-right">{{ event.time | date:"yyyy-MM-dd HH:mm:ss" }}</span>
             </h3>