Adding configuration options to change spacing between icons and labels inside the buttons in the bar. (#30)

* Branch protection check.

* Move button spacing config into the Configuration section instead of Theming.

* Partially Resolves #26 - Added the ability to configure outer spacing on the bar.

* Renamed all class names for buttons so they can be styled with margins.

* Added configurable spacing to buttons.

* Fixed styling for network module when using wifi.

* Fixed ghost margins that occur when labels are disabled in the bar buttons.

* Change the default page of the settings dialog to configuration.

modules/bar/media/index.ts

@@ -56,8 +56,8 @@ const Media = () => {
             const { track_title, identity } = activePlayer.value;
             songIcon.value = getIconForPlayer(identity);
             return track_title.length === 0
-                ? `  No media playing...`
-                : `  ${track_title}`;
+                ? `No media playing...`
+                : `${track_title}`;
         } else {
             songIcon.value = "";
             return "󰎇 Media 󰎇";
@@ -72,11 +72,12 @@ const Media = () => {
                 child: Widget.Box({
                     children: [
                         Widget.Label({
-                            class_name: "bar-media_icon",
+                            class_name: "bar-button-icon media",
                             label: songIcon.bind("value"),
                             maxWidthChars: 30,
                         }),
                         Widget.Label({
+                            class_name: "bar-button-label media",
                             label,
                             truncate: "end",
                             wrap: true,