From c33a309c105e45ac276800a23710158ddd87dce6 Mon Sep 17 00:00:00 2001
From: Malaber <git@schaedler.rocks>
Date: Fri, 14 Mar 2025 12:38:19 +0100
Subject: [PATCH] Add a container for dropdown as well so that heading is
 centered

---
 pages/tournament-fullscreen.js   | 2 +-
 public/static/css/tournament.css | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/pages/tournament-fullscreen.js b/pages/tournament-fullscreen.js
index 97ab0e0..a1c1ade 100644
--- a/pages/tournament-fullscreen.js
+++ b/pages/tournament-fullscreen.js
@@ -59,7 +59,7 @@ function FilterDropdown(props) {
 function FullscreenPageHeader(props) {
     return (
         <Navbar color="light" className="mb-4 border-bottom py-0">
-            <FilterDropdown {...props.filter} />
+            <div className="ml-auto dropdown-container"><FilterDropdown {...props.filter} /></div>
             <NavbarBrand>{props.title}</NavbarBrand>
             {props.timerEnd &&
                 <div className="ml-auto timer-container">Spielzeit: <NavbarBrand><Timer timerEnd={props.timerEnd}/></NavbarBrand></div>
diff --git a/public/static/css/tournament.css b/public/static/css/tournament.css
index bfe7847..f7172f1 100644
--- a/public/static/css/tournament.css
+++ b/public/static/css/tournament.css
@@ -28,6 +28,11 @@
 }
 
 .timer-container {
-    min-width: 20%; /* Adjust the percentage as needed */
-    text-align: right; /* Optional: Align text to the right */
+    min-width: 20%;
+    text-align: right;
+}
+
+.dropdown-container {
+    min-width: 20%;
+    text-align: left;
 }