From bb94f7527095f5b904f2334a9b1df25c4376572d Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Tue, 10 Oct 2023 15:49:52 -0500
Subject: [PATCH] Tweak camera icon vertical alignment

---
 src/camera/PhotoCamera.tsx                       | 2 +-
 src/photo/image-response/CameraImageResponse.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/camera/PhotoCamera.tsx b/src/camera/PhotoCamera.tsx
index 296df7ed..6d41b648 100644
--- a/src/camera/PhotoCamera.tsx
+++ b/src/camera/PhotoCamera.tsx
@@ -24,7 +24,7 @@ export default function PhotoCamera({
       )}
     >
       {showIcon && <>
-        <IoMdCamera size={13} />
+        <IoMdCamera size={13} className="translate-y-[-0.25px]" />
         &nbsp;
       </>}
       {!(hideApple && camera.make?.toLowerCase() === 'apple') &&
diff --git a/src/photo/image-response/CameraImageResponse.tsx b/src/photo/image-response/CameraImageResponse.tsx
index 976c843f..b8deca4b 100644
--- a/src/photo/image-response/CameraImageResponse.tsx
+++ b/src/photo/image-response/CameraImageResponse.tsx
@@ -33,7 +33,10 @@ export default function CameraImageResponse({
         }}
       />
       <ImageCaption {...{ width, height, fontFamily }}>
-        <IoMdCamera size={height * .09} />
+        <IoMdCamera
+          size={height * .09}
+          style={{ transform: `translateY(${height * 0.002}px)` }}
+        />
         {make.toLowerCase() !== 'apple' &&
           <span style={{textTransform: 'uppercase'}}>{make}</span>}
         <span style={{textTransform: 'uppercase'}}>{model}</span>