From d07bd8a97dcd2a747ba4c55498564ee1825e2ef2 Mon Sep 17 00:00:00 2001
From: Mattrixwv <m_ellison@ymail.com>
Date: Sun, 16 Mar 2025 22:17:11 -0400
Subject: [PATCH] Fix character selection layout

---
 src/components/personCharacter/PersonCharacterSelector.tsx  | 6 +++---
 .../personCharacter/modal/PersonCharacterSelectorModal.tsx  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/personCharacter/PersonCharacterSelector.tsx b/src/components/personCharacter/PersonCharacterSelector.tsx
index 548da05..0ff0c6b 100644
--- a/src/components/personCharacter/PersonCharacterSelector.tsx
+++ b/src/components/personCharacter/PersonCharacterSelector.tsx
@@ -45,7 +45,7 @@ export default function PersonCharacterSelector({
 					>
 						<input
 							type="radio"
-							id={`personCharacter${selectorId}Selector`}
+							id={`personCharacter${ch.personCharacterId}Selector${selectorId}`}
 							name="character"
 							value={ch.personCharacterId}
 							checked={ch.personCharacterId === currentlySelectedCharacterId}
@@ -54,10 +54,10 @@ export default function PersonCharacterSelector({
 						/>
 						<label
 							className="ml-2"
-							htmlFor={`personCharacter${selectorId}Selector`}
+							htmlFor={`personCharacter${ch.personCharacterId}Selector${selectorId}`}
 						>
 							<div
-								className="flex flex-row flex-nowrap"
+								className="flex flex-row flex-nowrap text-nowrap"
 							>
 								{
 									<img
diff --git a/src/ui/personCharacter/modal/PersonCharacterSelectorModal.tsx b/src/ui/personCharacter/modal/PersonCharacterSelectorModal.tsx
index 2f6824e..4f941f5 100644
--- a/src/ui/personCharacter/modal/PersonCharacterSelectorModal.tsx
+++ b/src/ui/personCharacter/modal/PersonCharacterSelectorModal.tsx
@@ -132,7 +132,7 @@ export default function PersonCharacterSelectorModal({
 											"bg-blue-600": selectedTab !== tab
 										}
 									)}
-									onClick={() => setSelectedTab(tab)}
+									onClick={() => {setSelectedTab(tab); setPage(1);}}
 								>
 									{tab}
 								</div>