style: formatting

dots/.config/waybar/config

@@ -1,4 +1,5 @@
-{
+[
+    {
         "layer": "top",
         "position": "top",
         "modules-left": [
@@ -8,11 +9,10 @@
             "memory",
             "battery",
             "disk",
-        "pulseaudio",
+            "pulseaudio"
-        "custom/media"
         ],
         "modules-center": [
-        "sway/workspaces"
+            "custom/media"
         ],
         "modules-right": [
             "custom/weather",
@@ -20,7 +20,6 @@
             "clock",
             "custom/offswitch"
         ],
-    "sway/window": {},
         "custom/weather": {
             "tooltip": false,
             "min-length": 5,
@@ -141,6 +140,19 @@
                 "critical": 90
             }
         },
+        "custom/media": {
+            "interval": 1,
+            "return-type": "json",
+            "exec": "~/.config/waybar/scripts/get-media.bash",
+            "escape": true
+        }
+    },
+    {
+        "layer": "bottom",
+        "position": "bottom",
+        "modules-center": [
+            "sway/workspaces"
+        ],
         "sway/workspaces": {
             "tooltip": false,
             "disable-scroll": true,
@@ -152,11 +164,6 @@
                 "5": [],
                 "6": []
             }
-    },
-    "custom/media": {
-        "interval": 1,
-        "return-type": "json",
-        "exec": "~/.config/waybar/scripts/get-media.bash",
-        "escape": true
         }
-}
+    }
+]

dots/.config/waybar/scripts/get-media.bash

@@ -8,10 +8,10 @@ main() {
 	local player_ctl_info="$(playerctl metadata --format '{{ artist }} | {{ title }} | {{ album }}')"
 
 	if [[ "${class}" == "playing" ]]; then
-		text="▶ ${player_ctl_info}"
+		text=" ${player_ctl_info}"
 
 	elif [[ "${class}" == "paused" ]]; then
-		text="⏸︎ ${player_ctl_info}"
+		text=" ${player_ctl_info}"
 	fi
 
 	printf '{"class": "%s", "text": "%s"}\n' "${class}" "${text}"

dots/.config/waybar/style.css

@@ -38,9 +38,10 @@
 * {
   min-height: 0;
   padding: 3px;
-  margin: 3px;
   border-radius: 20px;
   padding-left: 20px;
+  margin-left: 5px;
+  margin-right: 5px;
   padding-right: 20px;
 }
 
@@ -55,6 +56,7 @@
   background: @sumiInk0;
   border-top: 2px solid @oniViolet;
   border-left: 2px solid @oniViolet;
+  border-right: 2px solid @oniViolet;
 }
 
 #workspaces {