From 32faa4925a4677c924119e8c2edd411297a3ecb3 Mon Sep 17 00:00:00 2001
From: Juliet <m@juli.ee>
Date: Mon, 1 Dec 2025 17:42:52 +0000
Subject: [PATCH] fix submenu padding

---
 src/components/dropdown.tsx | 8 ++++----
 src/layout.tsx              | 2 +-
 src/views/pds.tsx           | 2 +-
 src/views/record.tsx        | 2 +-
 src/views/repo.tsx          | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/dropdown.tsx b/src/components/dropdown.tsx
index 8e509f6..c10bf8a 100644
--- a/src/components/dropdown.tsx
+++ b/src/components/dropdown.tsx
@@ -33,7 +33,7 @@ export const CopyMenu = (props: { content: string; label: string; icon?: string
         addToClipboard(props.content);
         ctx?.setShowMenu(false);
       }}
-      class="flex items-center gap-1.5 rounded-md p-1 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
+      class="flex items-center gap-2 rounded-md p-1.5 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
     >
       <Show when={props.icon}>
         <span class={"iconify shrink-0 " + props.icon}></span>
@@ -56,7 +56,7 @@ export const NavMenu = (props: {
     <A
       href={props.href}
       onClick={() => ctx?.setShowMenu(false)}
-      class="flex items-center gap-1.5 rounded-md p-1 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
+      class="flex items-center gap-2 rounded-md p-1.5 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
       classList={{ "justify-between": props.external }}
       target={props.newTab ? "_blank" : undefined}
     >
@@ -79,7 +79,7 @@ export const ActionMenu = (props: {
   return (
     <button
       onClick={props.onClick}
-      class="flex items-center gap-1.5 rounded-md p-1 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
+      class="flex items-center gap-2 rounded-md p-1.5 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
     >
       <Show when={props.icon}>
         <span class={"iconify shrink-0 " + props.icon}></span>
@@ -127,7 +127,7 @@ export const DropdownMenu = (props: {
         <div
           ref={setMenu}
           class={
-            "dark:bg-dark-300 dark:shadow-dark-700 absolute right-0 z-40 flex flex-col rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 shadow-md dark:border-neutral-700 " +
+            "dark:bg-dark-300 dark:shadow-dark-700 absolute right-0 z-40 flex min-w-40 flex-col rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 shadow-md dark:border-neutral-700 " +
             props.menuClass
           }
         >
diff --git a/src/layout.tsx b/src/layout.tsx
index d745b0f..7634e23 100644
--- a/src/layout.tsx
+++ b/src/layout.tsx
@@ -142,7 +142,7 @@ const Layout = (props: RouteSectionProps<unknown>) => {
             <DropdownMenu
               icon="lucide--menu text-lg"
               buttonClass="rounded-lg p-1.5"
-              menuClass="top-11 px-3 py-2 text-sm"
+              menuClass="top-11 text-sm"
             >
               <NavMenu href="/jetstream" label="Jetstream" icon="lucide--radio-tower" />
               <NavMenu href="/firehose" label="Firehose" icon="lucide--droplet" />
diff --git a/src/views/pds.tsx b/src/views/pds.tsx
index 2b21309..553f802 100644
--- a/src/views/pds.tsx
+++ b/src/views/pds.tsx
@@ -148,7 +148,7 @@ const PdsView = () => {
             <DropdownMenu
               icon="lucide--ellipsis-vertical"
               buttonClass="rounded-sm p-1.5"
-              menuClass="top-9 p-2 text-sm"
+              menuClass="top-9 text-sm"
             >
               <CopyMenu content={params.pds!} label="Copy PDS" icon="lucide--copy" />
               <NavMenu
diff --git a/src/views/record.tsx b/src/views/record.tsx
index 27a13eb..748d802 100644
--- a/src/views/record.tsx
+++ b/src/views/record.tsx
@@ -417,7 +417,7 @@ export const RecordView = () => {
               <DropdownMenu
                 icon="lucide--ellipsis-vertical"
                 buttonClass="rounded-sm p-1.5"
-                menuClass="top-9 p-2 text-sm"
+                menuClass="top-9 text-sm"
               >
                 <CopyMenu
                   content={JSON.stringify(record()?.value, null, 2)}
diff --git a/src/views/repo.tsx b/src/views/repo.tsx
index 5bdb86e..e17368d 100644
--- a/src/views/repo.tsx
+++ b/src/views/repo.tsx
@@ -306,7 +306,7 @@ export const RepoView = () => {
               <DropdownMenu
                 icon="lucide--ellipsis-vertical"
                 buttonClass="rounded-sm p-1.5"
-                menuClass="top-9 p-2 text-sm"
+                menuClass="top-9 text-sm"
               >
                 <CopyMenu content={params.repo!} label="Copy DID" icon="lucide--copy" />
                 <NavMenu
-- 
2.51.2