Update font files to pull in line-height fix; adjust related spacings

RedHatOfficial/Overpass#56

app/static/third-party/fonts/fonts.css

@@ -1,59 +1,54 @@
 /**
- *  The body of this file was auto-generated
- *  via the Google Webfont Downloader
- *  https://google-webfonts-helper.herokuapp.com
- *
- *  Options:
- *  - latin charset
- *  - Modern browsers
+ *  Font-files taken over from official repository:
+ *  https://github.com/RedHatOfficial/Overpass
  */
 
-/* overpass-300italic - latin */
+/* overpass-light-italic - latin */
 @font-face {
   font-family: 'Overpass';
   font-style: italic;
   font-weight: 300;
   src: local(''),
-       url('overpass-v5-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-       url('overpass-v5-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+       url('overpass-light-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('overpass-light-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
-/* overpass-300 - latin */
+/* overpass-light - latin */
 @font-face {
   font-family: 'Overpass';
   font-style: normal;
   font-weight: 300;
   src: local(''),
-       url('overpass-v5-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-       url('overpass-v5-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+       url('overpass-light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('overpass-light.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
-/* overpass-600 - latin */
+/* overpass-semibold - latin */
 @font-face {
   font-family: 'Overpass';
   font-style: normal;
   font-weight: 600;
   src: local(''),
-       url('overpass-v5-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-       url('overpass-v5-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+       url('overpass-semibold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('overpass-semibold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
-/* overpass-600italic - latin */
+/* overpass-semibold-italic - latin */
 @font-face {
   font-family: 'Overpass';
   font-style: italic;
   font-weight: 600;
   src: local(''),
-       url('overpass-v5-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-       url('overpass-v5-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+       url('overpass-semibold-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('overpass-semibold-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
-/* overpass-mono-regular - latin */
+/* overpass-mono-light - latin */
 @font-face {
   font-family: 'Overpass Mono';
   font-style: normal;
   font-weight: 300;
   src: local(''),
-       url('overpass-mono-v6-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-       url('overpass-mono-v6-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+       url('overpass-mono-light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('overpass-mono-light.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }

app/templates/custom-elements/connection-indicator.html

@@ -15,7 +15,7 @@
     .status-dot {
       height: 1rem;
       width: 1rem;
-      margin: 0 0.5rem 0.2rem 0;
+      margin-right: 0.5rem;
       border-radius: 50%;
       display: inline-block;
       /* Disconnected state */

app/templates/custom-elements/menubar.html

@@ -109,7 +109,7 @@
       --height: 7px;
       content: "";
       position: absolute;
-      top: 17px;
+      top: 18px;
       right: 0;
       width: 0;
       height: 0;
@@ -141,7 +141,7 @@
       --height: 7px;
       content: "";
       position: absolute;
-      top: 13px;
+      top: 16px;
       right: 11px;
       width: 0;
       height: 0;

app/templates/custom-elements/status-bar.html

@@ -20,10 +20,6 @@
       user-select: none;
     }
 
-    .item {
-      padding-top: 3px;
-    }
-
     .spacer {
       flex: 1;
     }