From 6f677ec9063e9980c54d8c9b4c9fbca25667e46a Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Thu, 17 Jul 2025 09:30:10 -0500
Subject: [PATCH] Fix admin visibility icon spacing

---
 src/admin/AdminPhotosTable.tsx | 14 ++++++++------
 src/photo/visibility/index.tsx |  4 ++++
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/admin/AdminPhotosTable.tsx b/src/admin/AdminPhotosTable.tsx
index 466670ab..2d4b264c 100644
--- a/src/admin/AdminPhotosTable.tsx
+++ b/src/admin/AdminPhotosTable.tsx
@@ -17,6 +17,7 @@ import { Timezone } from '@/utility/timezone';
 import Tooltip from '@/components/Tooltip';
 import { photoNeedsToBeSynced, getPhotoSyncStatusText } from '@/photo/sync';
 import PhotoVisibilityIcon from '@/photo/visibility/PhotoVisibilityIcon';
+import { doesPhotoHaveDefaultVisibility } from '@/photo/visibility';
 
 export default function AdminPhotosTable({
   photos,
@@ -78,12 +79,13 @@ export default function AdminPhotosTable({
                   {titleForPhoto(photo, false)}
                 </Link>
               </span>
-              <span className={clsx(
-                'inline-flex items-center',
-                photo.hidden && 'text-dim',
-              )}>
-                <PhotoVisibilityIcon photo={photo} />
-              </span>
+              {!doesPhotoHaveDefaultVisibility(photo) &&
+                <span className={clsx(
+                  'inline-flex items-center',
+                  photo.hidden && 'text-dim',
+                )}>
+                  <PhotoVisibilityIcon photo={photo} />
+                </span>}
               {photoNeedsToBeSynced(photo) &&
                 <span>
                   <Tooltip
diff --git a/src/photo/visibility/index.tsx b/src/photo/visibility/index.tsx
index fde2294c..9e12c0c1 100644
--- a/src/photo/visibility/index.tsx
+++ b/src/photo/visibility/index.tsx
@@ -2,6 +2,7 @@ import IconHidden from '@/components/icons/IconHidden';
 import { PhotoFormData } from '../form';
 import IconLock from '@/components/icons/IconLock';
 import { SelectMenuOptionType } from '@/components/SelectMenuOption';
+import { Photo } from '..';
 
 export type VisibilityValue = 'default' | 'exclude' | 'private';
 
@@ -58,3 +59,6 @@ export const didVisibilityChange = (
   original: Partial<PhotoFormData>,
   current: Partial<PhotoFormData>,
 ) => getVisibilityValue(original) !== getVisibilityValue(current);
+
+export const doesPhotoHaveDefaultVisibility = (photo: Photo) =>
+  !photo.hidden && !photo.excludeFromFeeds;