From e489ebec7a23339c9529119debfb1ce6103f1aee Mon Sep 17 00:00:00 2001
From: Malaber <git@schaedler.rocks>
Date: Fri, 14 Mar 2025 12:19:16 +0100
Subject: [PATCH] Add a timer container with min width so the rest of the
 navbar does not jump around

---
 pages/tournament-fullscreen.js   | 2 +-
 public/static/css/tournament.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/pages/tournament-fullscreen.js b/pages/tournament-fullscreen.js
index 939a9d6..97ab0e0 100644
--- a/pages/tournament-fullscreen.js
+++ b/pages/tournament-fullscreen.js
@@ -62,7 +62,7 @@ function FullscreenPageHeader(props) {
             <FilterDropdown {...props.filter} />
             <NavbarBrand>{props.title}</NavbarBrand>
             {props.timerEnd &&
-                <div className="ml-auto">Spielzeit: <NavbarBrand><Timer timerEnd={props.timerEnd}/></NavbarBrand></div>
+                <div className="ml-auto timer-container">Spielzeit: <NavbarBrand><Timer timerEnd={props.timerEnd}/></NavbarBrand></div>
             }
         </Navbar>
     );
diff --git a/public/static/css/tournament.css b/public/static/css/tournament.css
index 5855f3f..bfe7847 100644
--- a/public/static/css/tournament.css
+++ b/public/static/css/tournament.css
@@ -26,3 +26,8 @@
 .scoreInput {
     width: 11rem;
 }
+
+.timer-container {
+    min-width: 20%; /* Adjust the percentage as needed */
+    text-align: right; /* Optional: Align text to the right */
+}