From 767d6acb1eaa80fb7f844907b50e3c26d4777c23 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 16 Dec 2023 11:46:19 -0600
Subject: [PATCH] Handle <EntityLink /> overflow

---
 src/camera/PhotoCamera.tsx    | 10 +++++++---
 src/components/EntityLink.tsx |  3 ++-
 src/photo/PhotoLarge.tsx      |  1 -
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/camera/PhotoCamera.tsx b/src/camera/PhotoCamera.tsx
index 581a0861..484dfaf5 100644
--- a/src/camera/PhotoCamera.tsx
+++ b/src/camera/PhotoCamera.tsx
@@ -3,10 +3,11 @@ import { pathForCamera } from '@/site/paths';
 import { IoMdCamera } from 'react-icons/io';
 import { Camera } from '.';
 import EntityLink, { EntityLinkExternalProps } from '@/components/EntityLink';
+import { cc } from '@/utility/css';
 
 export default function PhotoCamera({
   camera,
-  hideAppleIcon = true,
+  hideAppleIcon,
   type = 'icon-first',
   badged,
   dim,
@@ -29,14 +30,17 @@ export default function PhotoCamera({
       icon={showAppleIcon
         ? <AiFillApple
           title="Apple"
-          className="text-icon translate-y-[-0.5px]"
+          className={cc(
+            'text-icon',
+            'translate-x-[-2.5px] translate-y-[-2px]',
+          )}
           size={14}
         />
         : <IoMdCamera
           size={13}
           className="text-icon translate-y-[-0.25px]"
         />}
-      type={type}
+      type={showAppleIcon && isCameraApple ? 'icon-first' : type}
       badged={badged}
       dim={dim}
       hoverEntity={countOnHover}
diff --git a/src/components/EntityLink.tsx b/src/components/EntityLink.tsx
index c6e30408..2a4a5aaf 100644
--- a/src/components/EntityLink.tsx
+++ b/src/components/EntityLink.tsx
@@ -42,7 +42,7 @@ export default function EntityLink({
         href={href}
         title={title}
         className={cc(
-          'inline-flex items-center gap-1',
+          'inline-flex gap-1',
           !badged && 'text-main hover:text-gray-900 dark:hover:text-gray-100',
           dim && 'text-dim',
         )}
@@ -61,6 +61,7 @@ export default function EntityLink({
         {icon && type !== 'text-only' &&
           <span className={cc(
             'text-dim inline-flex min-w-[1rem]',
+            'translate-y-[4px]',
             type === 'icon-first' && 'order-first',
           )}>
             {icon}
diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index 271e2946..f66deb59 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -84,7 +84,6 @@ export default function PhotoLarge({
               <PhotoCamera
                 camera={camera}
                 type="text-only"
-                hideAppleIcon={false}
               />
               {showSimulation && photo.filmSimulation &&
                 <div className="translate-x-[-0.3rem]">