Regenerated

Droidnix/README.org

@@ -2666,8 +2666,11 @@ These are  config files for waybar
 
   "modules-center": [
     "group/myworkspaces",
+    "custom/spacer",
     "group/connections",
+    "custom/spacer",
     "group/hardware"
+
   ],
 
   "modules-right": [
@@ -2676,6 +2679,11 @@ These are  config files for waybar
     "idle_inhibitor",
   ],
 
+  "custom/spacer": {
+    "format": "",
+    "interval": "once"
+  }
+
   /*******************************************************************/
   "group/myworkspaces": {
     "orientation": "horizontal",
@@ -2710,10 +2718,6 @@ These are  config files for waybar
     ]
   },
 
-  "custom/hardware-leader": {
-    "format": "Hardware",
-	"tooltip-format": "Hardware group"
-  },
 
 /*************************/
 
@@ -2861,6 +2865,7 @@ This file contains all css for waybar
 @define-color overlay1 rgba(255, 255, 255, 0.35);
 @define-color yellow   rgba(255, 215, 0, 0.95);
 
+/* --- Global --- */
  * {
     font-family:
         Aporetic Sans Mono,
@@ -2877,18 +2882,29 @@ window#waybar {
     color: @text;
 }
 
+#custom-spacer {
+    min-width: 0;
+}
+
+.modules-center > widget {
+    /* allow expansion */
+}
+
+#custom-spacer {
+    /* THIS is the trick */
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/* --- Groups --- */
+
 #hardware {
     padding: 0px 1px;
-    min-width: 80px;
+	    min-width: 80px;
-    color: @text;
+	    background-color: transparent;
-    border-radius: 10px;
+	    color: @text;
-    font-weight: bold;
+	    border: 2px solid @inactive;
-    border: 1px solid transparent;
+	    border-radius: 10px;
-    background:
-        linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15))
-            padding-box,
-        linear-gradient(45deg, @blue, @green) border-box;
-
 }
 
 workspaces button {

Droidnix/generated/.config/waybar/config

@@ -7,8 +7,11 @@
 
   "modules-center": [
     "group/myworkspaces",
+    "custom/spacer",
     "group/connections",
+    "custom/spacer",
     "group/hardware"
+
   ],
 
   "modules-right": [
@@ -17,6 +20,11 @@
     "idle_inhibitor",
   ],
 
+  "custom/spacer": {
+    "format": "",
+    "interval": "once"
+  }
+
   /*******************************************************************/
   "group/myworkspaces": {
     "orientation": "horizontal",
@@ -51,10 +59,6 @@
     ]
   },
 
-  "custom/hardware-leader": {
-    "format": "Hardware",
-	"tooltip-format": "Hardware group"
-  },
 
 /*************************/
 

Droidnix/generated/.config/waybar/style.css

@@ -11,6 +11,7 @@
 @define-color overlay1 rgba(255, 255, 255, 0.35);
 @define-color yellow   rgba(255, 215, 0, 0.95);
 
+/* --- Global --- */
  * {
     font-family:
         Aporetic Sans Mono,
@@ -27,18 +28,29 @@ window#waybar {
     color: @text;
 }
 
+#custom-spacer {
+    min-width: 0;
+}
+
+.modules-center > widget {
+    /* allow expansion */
+}
+
+#custom-spacer {
+    /* THIS is the trick */
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/* --- Groups --- */
+
 #hardware {
     padding: 0px 1px;
-    min-width: 80px;
+	    min-width: 80px;
-    color: @text;
+	    background-color: transparent;
-    border-radius: 10px;
+	    color: @text;
-    font-weight: bold;
+	    border: 2px solid @inactive;
-    border: 1px solid transparent;
+	    border-radius: 10px;
-    background:
-        linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15))
-            padding-box,
-        linear-gradient(45deg, @blue, @green) border-box;
-
 }
 
 workspaces button {