From 3fad8bae909abf6799fba12985cf64f8463238b2 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 15 Mar 2025 14:15:31 -0500
Subject: [PATCH] Outline camera icon

---
 src/camera/PhotoCamera.tsx                | 8 ++++----
 src/components/primitives/Icon.tsx        | 2 +-
 src/components/primitives/LabeledIcon.tsx | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/camera/PhotoCamera.tsx b/src/camera/PhotoCamera.tsx
index c0f1a670..d38ad86d 100644
--- a/src/camera/PhotoCamera.tsx
+++ b/src/camera/PhotoCamera.tsx
@@ -1,10 +1,10 @@
 import { AiFillApple } from 'react-icons/ai';
 import { pathForCamera } from '@/app/paths';
-import { IoMdCamera } from 'react-icons/io';
 import { Camera, formatCameraText, isCameraApple } from '.';
 import EntityLink, {
   EntityLinkExternalProps,
 } from '@/components/primitives/EntityLink';
+import { TbCamera } from 'react-icons/tb';
 
 export default function PhotoCamera({
   camera,
@@ -33,9 +33,9 @@ export default function PhotoCamera({
           className="translate-x-[-1px] translate-y-[-0.5px]"
           size={15}
         />
-        : <IoMdCamera
-          size={13}
-          className="translate-x-[-0.5px]"
+        : <TbCamera
+          size={15}
+          className="translate-x-[-0.5px] translate-y-[1px]"
         />}
       type={type}
       className={className}
diff --git a/src/components/primitives/Icon.tsx b/src/components/primitives/Icon.tsx
index cd075c9e..54df4645 100644
--- a/src/components/primitives/Icon.tsx
+++ b/src/components/primitives/Icon.tsx
@@ -19,7 +19,7 @@ export default function Icon({
 }) {
   return (
     <span className={clsx(
-      'h-[18px] md:h-[20px]',
+      'h-[18px]',
       wide ? 'w-[28px]' : 'w-[14px]',
       'inline-flex items-center justify-center',
       debug && 'bg-gray-300 dark:bg-gray-700',
diff --git a/src/components/primitives/LabeledIcon.tsx b/src/components/primitives/LabeledIcon.tsx
index 1486aae3..a058ff0f 100644
--- a/src/components/primitives/LabeledIcon.tsx
+++ b/src/components/primitives/LabeledIcon.tsx
@@ -25,7 +25,7 @@ export default function LabeledIcon({
 }) {
   return (
     <span className={ clsx(
-      'inline-flex gap-x-1 md:gap-x-1.5 min-w-0',
+      'inline-flex gap-x-1.5 md:gap-x-2 min-w-0',
       classNameProp,
       debug && 'border border-green-500 m-[-1px]',
     )}>