From a0e20f10a614ba61c96203157165b71d6e94fe0f Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 6 Jul 2025 11:37:25 -0500
Subject: [PATCH] Lower upload tooltips

---
 src/admin/AdminUploadsTableRow.tsx         | 3 +++
 src/components/primitives/LoaderButton.tsx | 8 +++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/admin/AdminUploadsTableRow.tsx b/src/admin/AdminUploadsTableRow.tsx
index 2dc3ce77..d98fa9b7 100644
--- a/src/admin/AdminUploadsTableRow.tsx
+++ b/src/admin/AdminUploadsTableRow.tsx
@@ -138,12 +138,14 @@ export default function AdminUploadsTableRow({
                     onAddFinish={removeRow}
                     shouldRedirectToAdminPhotos={shouldRedirectAfterAction}
                     disabled={isRowLoading}
+                    tooltipSide="bottom"
                   />
                   <EditButton
                     path={pathForAdminUploadUrl(url, draftTitle)}
                     disabled={isRowLoading}
                     tooltip="Review EXIF details before adding"
                     hideText="always"
+                    tooltipSide="bottom"
                   />
                   <DeleteUploadButton
                     urls={[url]}
@@ -155,6 +157,7 @@ export default function AdminUploadsTableRow({
                     }}
                     disabled={isRowLoading}
                     tooltip="Delete upload"
+                    tooltipSide="bottom"
                   />
                 </>}
             </div>
diff --git a/src/components/primitives/LoaderButton.tsx b/src/components/primitives/LoaderButton.tsx
index c2167c9c..d588f765 100644
--- a/src/components/primitives/LoaderButton.tsx
+++ b/src/components/primitives/LoaderButton.tsx
@@ -30,6 +30,7 @@ export default function LoaderButton({
   className,
   tooltip,
   tooltipColor,
+  tooltipSide,
   ...rest
 }: {
   ref?: RefObject<HTMLButtonElement | null>
@@ -46,6 +47,7 @@ export default function LoaderButton({
   hideFocusOutline?: boolean
   tooltip?: string
   tooltipColor?: ComponentProps<typeof Tooltip>['color']
+  tooltipSide?: ComponentProps<typeof Tooltip>['side']
 } & ButtonHTMLAttributes<HTMLButtonElement>) {
   const button =
     <button
@@ -105,7 +107,11 @@ export default function LoaderButton({
 
   return (
     tooltip
-      ? <Tooltip content={tooltip} color={tooltipColor}>
+      ? <Tooltip
+        content={tooltip}
+        color={tooltipColor}
+        side={tooltipSide}
+      >
         {button}
       </Tooltip>
       : button