Add a container for dropdown as well so that heading is centered

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>

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;
 }