ags: finish center-window widget with big-media and calendar

ags/widget/Separator.ts

@@ -1,3 +1,4 @@
+import { Binding } from "astal";
 import { Gtk, Widget } from "astal/gtk3";
 
 export interface SeparatorProps {
@@ -6,21 +7,23 @@ export interface SeparatorProps {
     cssColor?: string;
     orientation?: Gtk.Orientation;
     size?: number;
+    visible?: boolean | Binding<boolean | undefined>;
 }
 
 export function Separator(props: SeparatorProps) {
     return new Widget.Box({
         className: `separator separator-${ props.orientation == Gtk.Orientation.VERTICAL ? "vertical" : "horizontal" } ${ props.class && props.class }`,
+        visible: props.visible,
         css: `.separator {
             background: ${ props.cssColor || "lightgray" };
             opacity: ${ props.alpha || 1 };
         }
         .separator-horizontal {
-            padding-right: ${props.size || 1 }px;
+            padding-bottom: ${props.size || 1 }px;
             margin: 7px 4px;
         }
         .separator-vertical {
-            padding-bottom: ${props.size || 1 }px;
+            padding-right: ${props.size || 1 }px;
             margin: 4px 7px;
         }`,
     } as Widget.BoxProps);