From 7f6d71d6a148de347231b863a3d803677bebb64d Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Thu, 5 Mar 2026 20:37:10 +0200
Subject: [PATCH] Fix /to/:id/admin spacing

---
 app/components/layout/index.tsx               | 10 +++----
 .../tournament/routes/to.$id.admin.tsx        | 30 +++++++++----------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/app/components/layout/index.tsx b/app/components/layout/index.tsx
index 748d863cf..0b9dbaf27 100644
--- a/app/components/layout/index.tsx
+++ b/app/components/layout/index.tsx
@@ -264,11 +264,11 @@ export function Layout({
 				<SideNavHeader
 					icon={<Users />}
 					action={
-					<Link to={FRIENDS_PAGE} className={styles.viewAllLink}>
-						{t("common:actions.viewAll")}
-						<ChevronRight size={14} />
-					</Link>
-				}
+						<Link to={FRIENDS_PAGE} className={styles.viewAllLink}>
+							{t("common:actions.viewAll")}
+							<ChevronRight size={14} />
+						</Link>
+					}
 				>
 					{t("front:sideNav.friends")}
 				</SideNavHeader>
diff --git a/app/features/tournament/routes/to.$id.admin.tsx b/app/features/tournament/routes/to.$id.admin.tsx
index 960682c18..39653077b 100644
--- a/app/features/tournament/routes/to.$id.admin.tsx
+++ b/app/features/tournament/routes/to.$id.admin.tsx
@@ -268,7 +268,7 @@ function TeamActions() {
 				method="post"
 				className="stack horizontal sm items-end flex-wrap"
 			>
-				<div>
+				<div className="flex-same-size">
 					<label htmlFor="action">Action</label>
 					<select
 						id="action"
@@ -288,7 +288,7 @@ function TeamActions() {
 					</select>
 				</div>
 				{selectedAction.inputs.includes("REGISTERED_TEAM") ? (
-					<div>
+					<div className="flex-same-size">
 						<label htmlFor="teamId">Team</label>
 						<select
 							id="teamId"
@@ -308,13 +308,13 @@ function TeamActions() {
 					</div>
 				) : null}
 				{selectedAction.inputs.includes("TEAM_NAME") ? (
-					<div>
+					<div className="flex-same-size">
 						<label htmlFor="teamName">Team name</label>
 						<input id="teamName" name="teamName" />
 					</div>
 				) : null}
 				{selectedTeam && selectedAction.inputs.includes("ROSTER_MEMBER") ? (
-					<div>
+					<div className="flex-same-size">
 						<label htmlFor="memberId">Member</label>
 						<select id="memberId" name="memberId">
 							{selectedTeam.members.map((member) => (
@@ -326,12 +326,12 @@ function TeamActions() {
 					</div>
 				) : null}
 				{selectedAction.inputs.includes("USER") ? (
-					<div>
+					<div className="flex-same-size">
 						<UserSearch name="userId" label="User" />
 					</div>
 				) : null}
 				{selectedAction.inputs.includes("BRACKET") ? (
-					<div>
+					<div className="flex-same-size">
 						<label htmlFor="bracket">Bracket</label>
 						<select id="bracket" name="bracketIdx">
 							{tournament.brackets.map((bracket, bracketIdx) => (
@@ -353,7 +353,7 @@ function TeamActions() {
 					</div>
 				) : null}
 				{selectedTeam && selectedAction.inputs.includes("IN_GAME_NAME") ? (
-					<div className="stack items-start">
+					<div className="stack items-start flex-same-size">
 						<Label>New IGN</Label>
 						<div className="stack horizontal sm items-center">
 							<Input
@@ -405,7 +405,7 @@ function CastTwitchAccounts() {
 	return (
 		<fetcher.Form method="post" className="stack sm">
 			<div className="stack horizontal sm items-end">
-				<div>
+				<div className="flex-same-size">
 					<Label htmlFor={id}>Twitch accounts</Label>
 					<input
 						id={id}
@@ -438,13 +438,13 @@ function StaffAdder() {
 	return (
 		<fetcher.Form method="post" className="stack sm">
 			<div className="stack horizontal sm flex-wrap items-start">
-				<div>
+				<div className="flex-same-size">
 					<UserSearch name="userId" label="New staffer" isRequired />
 				</div>
-				<div className="stack horizontal sm items-end">
-					<div>
+				<div className="stack horizontal sm items-end flex-same-size">
+					<div className="w-full">
 						<Label htmlFor="staff-role">Role</Label>
-						<select name="role" id="staff-role" className="w-max">
+						<select name="role" id="staff-role" className="w-full">
 							<option value="ORGANIZER">Organizer</option>
 							<option value="STREAMER">Streamer</option>
 						</select>
@@ -730,7 +730,7 @@ function BracketReset() {
 	return (
 		<div>
 			<fetcher.Form method="post" className="stack horizontal sm items-end">
-				<div>
+				<div className="flex-same-size">
 					<label htmlFor="bracket">Bracket</label>
 					<select
 						id="bracket"
@@ -745,7 +745,7 @@ function BracketReset() {
 						))}
 					</select>
 				</div>
-				<div>
+				<div className="flex-same-size">
 					<label htmlFor="bracket-confirmation">
 						Type bracket name (&quot;{bracketToDeleteName}&quot;) to confirm
 					</label>
@@ -823,7 +823,7 @@ function ReopenTournament() {
 	return (
 		<div>
 			<fetcher.Form method="post" className="stack horizontal sm items-end">
-				<div>
+				<div className="flex-same-size">
 					<label htmlFor="reopen-confirmation">
 						Type tournament name (&quot;{tournament.ctx.name}&quot;) to confirm
 					</label>