Timer always where it should be

js/components/Navigation.js

@@ -26,13 +26,18 @@ export class TurniereNavigation extends React.Component {
             <Navbar color="light" light expand="lg" sticky="top">
                 <NavbarBrand className={'hide-below-260-w'} href="/">turnie.re</NavbarBrand>
                 {tournament && tournament.timerEnd &&
-                    <NavbarText className="m-auto">
+                    <NavbarText className="m-auto hide-above-992-w">
                         <span className={'hide-below-340-w'}>Spielzeit: </span><Timer timerEnd={tournament.timerEnd} />
                     </NavbarText>
                 }
                 <NavbarToggler onClick={this.toggle}/>
                 <Collapse isOpen={!this.state.collapsed} navbar>
                     <NavLinks/>
+                    {tournament && tournament.timerEnd &&
+                        <NavbarText className="m-auto hide-below-992-w">
+                            <span className={'hide-below-340-w'}>Spielzeit: </span><Timer timerEnd={tournament.timerEnd} />
+                        </NavbarText>
+                    }
                     <div className="ms-auto">
                         <LoginLogoutButtons/>
                     </div>

public/static/css/tournament.css

@@ -107,3 +107,15 @@
         display: none;
     }
 }
+
+@media (max-width: 991.98px) {
+    .hide-below-992-w {
+        display: none;
+    }
+}
+
+@media (min-width: 992px) {
+    .hide-above-992-w {
+        display: none;
+    }
+}