From 774b181427fd09b29caf2601c76bf109b3f7aa0b Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Thu, 21 Mar 2024 22:43:11 +0200
Subject: [PATCH] Fix tournament register page layout issues on mobile

---
 app/features/tournament/routes/to.$id.register.tsx | 4 +++-
 app/features/tournament/tournament.css             | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/features/tournament/routes/to.$id.register.tsx b/app/features/tournament/routes/to.$id.register.tsx
index cea8b2887..bbe83fcd1 100644
--- a/app/features/tournament/routes/to.$id.register.tsx
+++ b/app/features/tournament/routes/to.$id.register.tsx
@@ -284,6 +284,8 @@ export default function TournamentRegisterPage() {
   const isRegularMemberOfATeam =
     teamMemberOf && !tournament.ownedTeamByUser(user);
 
+  const startsAtEvenHour = tournament.ctx.startTime.getMinutes() === 0;
+
   return (
     <div className="stack lg">
       <div className="tournament__logo-container">
@@ -321,7 +323,7 @@ export default function TournamentRegisterPage() {
               {isMounted
                 ? tournament.ctx.startTime.toLocaleString(i18n.language, {
                     timeZoneName: "short",
-                    minute: "numeric",
+                    minute: startsAtEvenHour ? undefined : "numeric",
                     hour: "numeric",
                     day: "numeric",
                     month: "long",
diff --git a/app/features/tournament/tournament.css b/app/features/tournament/tournament.css
index a95c0e5c3..02e5dcf3c 100644
--- a/app/features/tournament/tournament.css
+++ b/app/features/tournament/tournament.css
@@ -201,6 +201,7 @@
 
 .tournament__logo {
   border-radius: 100%;
+  min-width: 124px;
 }
 
 .tournament__title {