From 6f655d2bda50d5182e7b28fd9251c980de81d7f7 Mon Sep 17 00:00:00 2001
From: KennyG <kennyg@kennyg.com>
Date: Mon, 4 May 2026 11:06:17 -0400
Subject: [PATCH] Enhance Tagger performer popover styles for improved layout

- Added media query for max-height to adjust dimensions of the tagger performer popover card.
- Updated class names in TaggerPerformerPopover to ensure consistent styling with the new card structure.
- Removed outdated styles from the Tags component to streamline CSS and improve maintainability.
---
 .../Tagger/scenes/TaggerPerformerPopover.tsx    |  4 ++--
 ui/v2.5/src/components/Tagger/styles.scss       | 17 +++++++++++++++++
 ui/v2.5/src/components/Tags/styles.scss         | 17 -----------------
 3 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/ui/v2.5/src/components/Tagger/scenes/TaggerPerformerPopover.tsx b/ui/v2.5/src/components/Tagger/scenes/TaggerPerformerPopover.tsx
index 7f278db62..0ecb17547 100644
--- a/ui/v2.5/src/components/Tagger/scenes/TaggerPerformerPopover.tsx
+++ b/ui/v2.5/src/components/Tagger/scenes/TaggerPerformerPopover.tsx
@@ -32,11 +32,11 @@ export const TaggerPerformerPopover: React.FC<
   children,
 }) => {
   const cardContent = performer ? (
-    <div className="tag-popover-card">
+    <div className="tag-popover-card tagger-performer-popover-card">
       <PerformerCard performer={performer} zoomIndex={0} />
     </div>
   ) : scrapedPerformer ? (
-    <div className="tag-popover-card">
+    <div className="tag-popover-card tagger-performer-popover-card">
       <ScrapedPerformerCard
         scrapedPerformer={scrapedPerformer}
         endpoint={endpoint ?? ""}
diff --git a/ui/v2.5/src/components/Tagger/styles.scss b/ui/v2.5/src/components/Tagger/styles.scss
index d026538d8..ba6aee7af 100644
--- a/ui/v2.5/src/components/Tagger/styles.scss
+++ b/ui/v2.5/src/components/Tagger/styles.scss
@@ -121,6 +121,23 @@
   }
 }
 
+@media (max-height: 1049px) {
+  .tagger-performer-popover-card {
+    .card {
+      max-width: 160px;
+      width: 160px;
+    }
+
+    .card-section-title {
+      font-size: 1rem;
+    }
+
+    .performer-card__age {
+      font-size: 0.9rem;
+    }
+  }
+}
+
 .selected-result {
   background-color: hsl(204, 20%, 30%);
   border-radius: 3px;
diff --git a/ui/v2.5/src/components/Tags/styles.scss b/ui/v2.5/src/components/Tags/styles.scss
index 9038c52a0..2e6b73d73 100644
--- a/ui/v2.5/src/components/Tags/styles.scss
+++ b/ui/v2.5/src/components/Tags/styles.scss
@@ -125,23 +125,6 @@
   }
 }
 
-@media (max-height: 1049px) {
-  .tag-popover-card {
-    .card {
-      max-width: 160px;
-      width: 160px;
-    }
-
-    .card-section-title {
-      font-size: 1rem;
-    }
-
-    .performer-card__age {
-      font-size: 0.9rem;
-    }
-  }
-}
-
 .tag-item {
   .icon-wrapper {
     color: #202b33;