Updated popup menu layouts and fixed workspace behavior. (#687)

src/components/menus/power/verification.tsx

@@ -4,8 +4,8 @@ import { App, Gtk } from 'astal/gtk3';
 import { bind } from 'astal';
 
 export default (): JSX.Element => (
-    <PopupWindow name="verification" transition="crossfade">
-        <box className="verification">
+    <PopupWindow name="verification" transition="crossfade" layout={'center'}>
+        <box className="verification" expand={false}>
             <box className="verification-content" expand vertical>
                 <box className="text-box" vertical>
                     <label className="title" label={bind(powermenu, 'title').as((t) => t.toUpperCase())} />

src/components/menus/shared/popup/index.tsx

@@ -57,8 +57,7 @@ const Layout: LayoutFunction = (name: string, child: GtkWidget, transition: Gtk.
     'top-right': () => (
         <box>
             <Padding name={name} />
-            <box hexpand vertical>
-                <Padding name={name} opts={{ vexpand: false, className: 'event-top-padding' }} />
+            <box hexpand={false} vertical>
                 <PopupRevealer name={name} child={child} transition={transition} />
                 <Padding name={name} />
             </box>
@@ -77,9 +76,7 @@ const Layout: LayoutFunction = (name: string, child: GtkWidget, transition: Gtk.
     ),
     'top-left': () => (
         <box>
-            <Padding name={name} />
             <box hexpand={false} vertical>
-                <Padding name={name} opts={{ vexpand: false, className: 'event-top-padding' }} />
                 <PopupRevealer name={name} child={child} transition={transition} />
                 <Padding name={name} />
             </box>