💄 control-center,center-window: add background shadow, use gtk's spacing instead of margin

ags/window/CenterWindow.ts

@@ -24,7 +24,9 @@ export const CenterWindow = (mon: number) => PopupWindow({
                     new Widget.Box({
                         className: "datetime",
                         orientation: Gtk.Orientation.VERTICAL,
-                        valign: Gtk.Align.START,
+                        halign: Gtk.Align.CENTER,
+                        valign: Gtk.Align.CENTER,
+                        vexpand: true,
                         children: [
                             new Widget.Label({
                                 className: "time",
@@ -56,6 +58,7 @@ export const CenterWindow = (mon: number) => PopupWindow({
                 orientation: Gtk.Orientation.HORIZONTAL,
                 cssColor: "gray",
                 margin: 5,
+                spacing: 8,
                 alpha: .3,
                 visible: bind(AstalMpris.get_default(), "players").as(players => players.length > 0),
             } as SeparatorProps),

ags/window/ControlCenter.ts

@@ -19,6 +19,7 @@ export const ControlCenter = (mon: number) => PopupWindow({
     widthRequest: 395,
     child: new Widget.Box({
         orientation: Gtk.Orientation.VERTICAL,
+        spacing: 16,
         children: [
             new Widget.Box({
                 className: "control-center-container",