Fix character selection layout

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

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>