From 3f6b6a9e631eabab0a17f7c46371cc0590272c09 Mon Sep 17 00:00:00 2001
From: Mattrixwv <m_ellison@ymail.com>
Date: Sun, 16 Mar 2025 21:12:54 -0400
Subject: [PATCH] Fix game class name alignment

---
 src/components/gameClass/GameClassCellDisplay.tsx | 4 ++--
 src/ui/personCharacter/PersonCharacterList.tsx    | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/gameClass/GameClassCellDisplay.tsx b/src/components/gameClass/GameClassCellDisplay.tsx
index 1729adc..506d030 100644
--- a/src/components/gameClass/GameClassCellDisplay.tsx
+++ b/src/components/gameClass/GameClassCellDisplay.tsx
@@ -22,10 +22,10 @@ export default function GameClassCellDisplay({
 				className="flex flex-row items-center justify-center"
 			>
 				<img
-					className="max-h-14 max-w-14 mr-2 -mt-4"
+					className="max-h-14 max-w-14 mr-2"
 					src={`${import.meta.env.VITE_ICON_URL}/gameClass/${gameClassQuery.data.gameClassIcon}`}
 				/>
-				{gameClassQuery.data.gameClassName}
+				<span>{gameClassQuery.data.gameClassName}</span>
 			</div>
 		);
 	}
diff --git a/src/ui/personCharacter/PersonCharacterList.tsx b/src/ui/personCharacter/PersonCharacterList.tsx
index 9ffbcac..c634bfe 100644
--- a/src/ui/personCharacter/PersonCharacterList.tsx
+++ b/src/ui/personCharacter/PersonCharacterList.tsx
@@ -59,7 +59,9 @@ export default function PersonCharacterList({
 		>
 			{personCharacter.characterName}
 		</div>,
-		<div>
+		<div
+			className="flex flex-row items-center justify-center h-full"
+		>
 			<GameClassCellDisplay
 				gameClassId={personCharacter.gameClassId}
 			/>