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/volume/index.ts

@@ -30,13 +30,13 @@ const Volume = () => {
     const volIcn = Widget.Label({
         vpack: "center",
         label: getIcon(),
-        class_name: "bar-volume_icon",
+        class_name: "bar-button-icon volume",
     });
 
     const volPct = Widget.Label({
         vpack: "center",
-        label: audio.speaker.bind("volume").as((v) => `  ${Math.floor(v * 100)}%`),
-        class_name: "bar-volume_percentage",
+        label: audio.speaker.bind("volume").as((v) => `${Math.floor(v * 100)}%`),
+        class_name: "bar-button-label volume",
     });
 
     return {