From ffaca550cbbf89942fbf5b82ad911d75da1c3c51 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <mail@karanjayachandra.com>
Date: Fri, 15 Nov 2024 12:42:34 +0100
Subject: Cleaned up the layout of the timer

---
 src/match_up/templates/macros.j2 | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/match_up/templates/macros.j2 b/src/match_up/templates/macros.j2
index c6e6d1d..2a8ad1e 100644
--- a/src/match_up/templates/macros.j2
+++ b/src/match_up/templates/macros.j2
@@ -38,6 +38,15 @@
 
 {% macro navbar(url_for) -%}
 <nav class="level">
+    <div class="level-item has-text-centered"></div>
+    <div class="level-item has-text-centered"></div>
+    <p class="level-item has-text-centered">
+        <button class="button is-link" onclick="location.href = '/';">Games</button>
+    </p>
+    <p class="level-item has-text-centered">
+        <button class="button is-link" onclick="location.href = '/players';">Players</button>
+    </p>
+    <div class="level-item has-text-centered"></div>
     <div class="level-left">
         <div class="level-item">
             <figure class="image container is-128x128">
@@ -45,19 +54,10 @@
             </figure>
         </div>
     </div>
-    <div class="level-item has-text-centered"></div>
-    <p class="level-item has-text-centered">
-        <button class="button is-link" onclick="location.href = '/';">Games</button>
-    </p>
-    <div class="level-item has-text-centered"></div>
     <div class="level-item has-text-centered">
         <p class="title">Match Up!</p>
     </div>
     <div class="level-item has-text-centered"></div>
-    <p class="level-item has-text-centered">
-        <button class="button is-link" onclick="location.href = '/players';">Players</button>
-    </p>
-    <div class="level-item has-text-centered"></div>
     <div class="level-right">
         <div class="field has-addons has-addons-centered">
             <div class="control"><button class="button is-dark" id="timer-dec">
@@ -80,5 +80,7 @@
             </button></div>
         </div>
     </div>
+    <div class="level-item has-text-centered"></div>
+    <div class="level-item has-text-centered"></div>
 </nav>
 {%- endmacro %}
\ No newline at end of file
-- 
cgit v1.3.1