From dc547033a421d0c858f32dd05c84be5717c14863 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 19 Nov 2023 00:49:14 -0600
Subject: [PATCH] Refine film simulation badge

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

diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx
index ea09965f..3c920398 100644
--- a/src/components/Badge.tsx
+++ b/src/components/Badge.tsx
@@ -23,7 +23,7 @@ export default function Badge({
       'bg-gray-100 dark:bg-gray-800/60',
       'text-medium',
       'font-medium text-[0.7rem]',
-      interactive && 'hover:text-black dark:hover:text-white',
+      interactive && 'hover:text-gray-900 dark:hover:text-gray-100',
       interactive && 'active:bg-gray-200 dark:active:bg-gray-700/60',
     );
     }
diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index 11f50cc9..f29d492f 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -8,8 +8,7 @@ import PhotoTags from '@/tag/PhotoTags';
 import ShareButton from '@/components/ShareButton';
 import PhotoCamera from '../camera/PhotoCamera';
 import { cameraFromPhoto } from '@/camera';
-import PhotoFilmSimulation from
-  '@/simulation/PhotoFilmSimulation';
+import PhotoFilmSimulation from '@/simulation/PhotoFilmSimulation';
 
 export default function PhotoLarge({
   photo,
@@ -87,7 +86,7 @@ export default function PhotoLarge({
                 hideApple={false}
               />
               {showSimulation && photo.filmSimulation &&
-                <div className="-translate-x-0.5"> 
+                <div className="-translate-x-1.5"> 
                   <PhotoFilmSimulation
                     simulation={photo.filmSimulation}
                   />