Fix NerdFont icon alignments. (#143)

* WIP

* Fix nerdfont icon alignments

* Ship needed fonts

* Remove italicised fonts

* Update readme and separate OSD settings into their own category.

* Dashboard styling updates

---------

Co-authored-by: matavach <erik@matijevich.org>

scss/main.scss

@@ -11,6 +11,9 @@
 @import "style/common/floating-widget.scss";
 @import "style/common/widget-button.scss";
 
+//general styles
+@import "style/common/general";
+
 //modules - bar
 @import "style/bar/menu";
 @import "style/bar/audio";
@@ -46,6 +49,3 @@
 
 //settings dialog
 @import "style/settings/dialog";
-
-//general styles
-@import "style/common/general";

scss/style/common/general.scss

@@ -1,5 +1,27 @@
 @import '../colors.scss';
 
+.txt-icon {
+  font-family: "JetBrainsMono Nerd Font Propo", monospace;
+  font-size: 1.5em;
+
+  &.bluetooth {
+    font-size: 1em;
+  }
+
+  &.playback {
+    font-size: 1.3em;
+  }
+
+  &.input {
+    font-size: 1.3em;
+  }
+}
+
+.bar.txt-icon {
+  font-family: "JetBrainsMono Nerd Font Propo", monospace;
+  font-size: 1.2em;
+}
+
 window.popup {
   opacity: $bar-menus-opacity/100;
 

scss/style/menus/calendar.scss

@@ -166,3 +166,13 @@
 .hourly-weather-temp {
   color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-clock-weather-hourly-temperature);
 }
+
+.weather.precip.icon {
+  min-width: 1em;
+  font-size: 1em;
+}
+
+.weather.wind.icon {
+  min-width: 1em;
+  font-size: 1em;
+}

scss/style/menus/dashboard.scss

@@ -127,10 +127,6 @@
           }
         }
 
-        label {
-          font-size: 1.5em;
-        }
-
         &.record.active {
           background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording);
 
@@ -156,6 +152,7 @@
     button {
       padding: 0em;
       min-height: 3em;
+      min-width: 3.8em;
 
       label {
         color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-controls-wifi-text);
@@ -287,8 +284,9 @@
 
     .stat {
       label {
-        margin-right: 1em;
+        margin-right: 0.75em;
         font-size: 1.5em;
+        min-width: 1.65em;
       }
 
       &.cpu label {