From 648f202177eabd797510cac686079cbf2e55b77f Mon Sep 17 00:00:00 2001
From: me <me>
Date: Sat, 12 Oct 2024 18:55:15 +0000
Subject: [PATCH] make cuter

---
 src/window.blp | 57 ++++++++++++++++++++++++--------------------------
 1 file changed, 27 insertions(+), 30 deletions(-)

diff --git a/src/window.blp b/src/window.blp
index 96319d9..25793a8 100644
--- a/src/window.blp
+++ b/src/window.blp
@@ -95,13 +95,12 @@ paintable: bind template.playing_cover_art;
     }
 
     [bottom]
-    Box {
-      orientation: horizontal;
-
+    CenterBox {
       styles [
         "toolbar",
       ]
 
+      [start]
       Box {
         orientation: vertical;
         valign: center;
@@ -137,16 +136,11 @@ paintable: bind template.playing_cover_art;
         }
       }
 
-      Separator {
-        styles [
-          "spacer",
-        ]
-
-        hexpand: true;
-      }
-
+      [center]
       Box {
         orientation: vertical;
+        halign: center;
+        hexpand: true;
 
         Box {
           halign: center;
@@ -164,7 +158,7 @@ paintable: bind template.playing_cover_art;
           Scale play_position {
             name: "seek-scale";
             orientation: horizontal;
-            width-request: 200;
+            width-request: 400;
 
             adjustment: Adjustment {
               lower: 0;
@@ -222,28 +216,31 @@ paintable: bind template.playing_cover_art;
         }
       }
 
-      Button {
-        icon-name: "non-starred";
-        valign: center;
-      }
+      [end]
+      Box {
+        Button {
+          icon-name: "non-starred";
+          valign: center;
+        }
 
-      Button {
-        icon-name: bind $mute_button_icon_name (template.mute) as <string>;
-        valign: center;
+        Button {
+          icon-name: bind $mute_button_icon_name (template.mute) as <string>;
+          valign: center;
 
-        clicked => $on_mute_toggle ();
-      }
+          clicked => $on_mute_toggle ();
+        }
 
-      Scale {
-        name: "volume-scale";
-        orientation: horizontal;
-        width-request: 130;
+        Scale {
+          name: "volume-scale";
+          orientation: horizontal;
+          width-request: 130;
 
-        adjustment: Adjustment {
-          lower: 0.0;
-          value: bind template.volume bidirectional;
-          upper: 1.0;
-        };
+          adjustment: Adjustment {
+            lower: 0.0;
+            value: bind template.volume bidirectional;
+            upper: 1.0;
+          };
+        }
       }
     }
   };