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

@@ -47,9 +47,13 @@ const BatteryLabel = () => {
                 (batAvail, showLabel) => {
                     if (batAvail && showLabel) {
                         return [
-                            Widget.Icon({ icon: icon() }),
+                            Widget.Icon({
+                                class_name: "bar-button-icon battery",
+                                icon: icon()
+                            }),
                             Widget.Label({
-                                label: battery.bind("percent").as((p) => ` ${Math.floor(p)}%`),
+                                class_name: "bar-button-label battery",
+                                label: battery.bind("percent").as((p) => `${Math.floor(p)}%`),
                             }),
                         ];
                     } else if (batAvail && !showLabel) {