From 7c84b8899be4d5582ecbad5325d314fda3401ad3 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 31 Mar 2024 20:54:39 -0500
Subject: [PATCH] Fix tag editor badge alignment

---
 src/app/admin/tags/[tag]/edit/page.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/app/admin/tags/[tag]/edit/page.tsx b/src/app/admin/tags/[tag]/edit/page.tsx
index 2cfb7f5e..3b312298 100644
--- a/src/app/admin/tags/[tag]/edit/page.tsx
+++ b/src/app/admin/tags/[tag]/edit/page.tsx
@@ -8,6 +8,7 @@ import { photoLabelForCount } from '@/photo';
 import PhotoLightbox from '@/photo/PhotoLightbox';
 import FavsTag from '@/tag/FavsTag';
 import { isTagFavs } from '@/tag';
+import { clsx } from 'clsx/lite';
 
 const MAX_PHOTO_TO_SHOW = 6;
 
@@ -34,14 +35,14 @@ export default async function PhotoPageEdit({
     <AdminChildPage
       backPath={PATH_ADMIN_TAGS}
       backLabel="Tags"
-      breadcrumb={<div className="flex items-center gap-2">
+      breadcrumb={<div className={clsx(
+        'flex items-center gap-2',
+        // Fix nested EntityLink-in-Badge quirk for tags
+        '[&>*>*:first-child]:items-center',
+      )}>
         {isTagFavs(tag)
-          ? <div className="[&>*>*>*>svg]:translate-y-[0.5px]">
-            <FavsTag />
-          </div>
-          : <div className="[&>*>*>*>svg]:translate-y-[1.5px]">
-            <PhotoTag {...{ tag }} />
-          </div>}
+          ? <FavsTag />
+          : <PhotoTag {...{ tag }} />}
         <div className="text-dim uppercase">
           <span>{count}</span>
           <span className="hidden xs:inline-block">