From c94fb65ee1ed9bbfb872bf6b135615f97f041bdc Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Fri, 28 Mar 2025 21:49:32 -0500
Subject: [PATCH] Fix admin button clipping

---
 src/components/more/MoreMenu.tsx | 3 ++-
 src/photo/PhotoLarge.tsx         | 4 +---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/more/MoreMenu.tsx b/src/components/more/MoreMenu.tsx
index 99978bae..4b1253fb 100644
--- a/src/components/more/MoreMenu.tsx
+++ b/src/components/more/MoreMenu.tsx
@@ -46,7 +46,8 @@ export default function MoreMenu({
       <DropdownMenu.Trigger asChild>
         <button
           className={clsx(
-            'p-1 min-h-0 border-none shadow-none',
+            'px-1 py-[3px]',
+            'min-h-0 border-none shadow-none',
             'hover:bg-gray-100 active:bg-gray-200/75',
             'dark:hover:bg-gray-800/75 dark:active:bg-gray-900',
             'text-dim',
diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index 49ec1525..173d3f66 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -233,7 +233,6 @@ export default function PhotoLarge({
     <AdminPhotoMenu {...{
       photo,
       revalidatePhoto,
-      buttonClassName: 'translate-y-[-4px]',
       includeFavorite: includeFavoriteInAdminMenu,
       ariaLabel: `Admin menu for '${titleForPhoto(photo)}' photo`,
     }} />;
@@ -259,14 +258,13 @@ export default function PhotoLarge({
         </Link>}
       classNameSide="relative"
       contentSide={
-        <div className="md:absolute inset-0">
+        <div className="md:absolute inset-0 -mt-1">
           <MaskedScroll
             className="sticky top-4 self-start"
             fadeHeight={36}
             hideScrollbar
           >
             <DivDebugBaselineGrid className={clsx(
-              '-mt-1',
               'grid grid-cols-2 md:grid-cols-1',
               'gap-x-0.5 sm:gap-x-1 gap-y-baseline',
               'mb-6 md:mb-4',