From 1ee6a793e56dd07ebadb6c3e413475abc4d39626 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Wed, 17 May 2023 23:13:47 +0300
Subject: [PATCH] Fix before bracket start alert on mobile not wrapping

---
 app/features/tournament-bracket/routes/to.$id.brackets.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/features/tournament-bracket/routes/to.$id.brackets.tsx b/app/features/tournament-bracket/routes/to.$id.brackets.tsx
index d43949845..b08c2144d 100644
--- a/app/features/tournament-bracket/routes/to.$id.brackets.tsx
+++ b/app/features/tournament-bracket/routes/to.$id.brackets.tsx
@@ -128,7 +128,6 @@ export const loader = ({ params }: LoaderArgs) => {
   };
 };
 
-// xxx: banner that shows for participants not mobile friendly
 export default function TournamentBracketsPage() {
   const user = useUser();
   const data = useLoaderData<typeof loader>();
@@ -201,7 +200,11 @@ export default function TournamentBracketsPage() {
       {!data.hasStarted && !lessThanTwoTeamsRegistered ? (
         <Form method="post" className="stack items-center">
           {!canAdminTournament({ user, event: parentRouteData.event }) ? (
-            <Alert variation="INFO" alertClassName="w-max">
+            <Alert
+              variation="INFO"
+              alertClassName="tournament-bracket__start-bracket-alert"
+              textClassName="stack horizontal md items-center text-center"
+            >
               This bracket is a preview and subject to change
             </Alert>
           ) : (