make cuter

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,6 +216,8 @@ paintable: bind template.playing_cover_art;
         }
       }
 
+      [end]
+      Box {
         Button {
           icon-name: "non-starred";
           valign: center;
@@ -246,6 +242,7 @@ paintable: bind template.playing_cover_art;
           };
         }
       }
+    }
   };
 }