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>

modules/menus/notifications/controls/index.ts

@@ -23,6 +23,7 @@ const Controls = (notifs) => {
                 children: [
                     Widget.Switch({
                         class_name: "menu-switch notifications",
+                        vpack: "center",
                         active: notifs.bind("dnd").as((dnd: boolean) => !dnd),
                         on_activate: ({ active }) => {
                             notifs.dnd = !active;
@@ -41,7 +42,7 @@ const Controls = (notifs) => {
                                 tooltip_text: "Clear Notifications",
                                 on_primary_click: () => notifs.clear(),
                                 child: Widget.Label({
-                                    class_name: "clear-notifications-label",
+                                    class_name: "clear-notifications-label txt-icon",
                                     label: "",
                                 }),
                             }),

modules/menus/notifications/notification/close/index.ts

@@ -6,6 +6,7 @@ export const CloseButton = (notif: Notification, notifs: Notifications) => {
             notifs.CloseNotification(notif.id);
         },
         child: Widget.Label({
+            class_name: "txt-icon notif-close",
             label: "󰅜",
             hpack: "center",
         }),