From 38f099ae6ec7e7ae7338402a03654ee6378e4274 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Fri, 25 Jul 2025 16:35:33 +0200
Subject: Finally happy with the work

---
 app/templates/controls.j2 | 46 ++++++++++++++++++++++------------------------
 1 file changed, 22 insertions(+), 24 deletions(-)

(limited to 'app/templates/controls.j2')

diff --git a/app/templates/controls.j2 b/app/templates/controls.j2
index 8e7440e..97351bf 100644
--- a/app/templates/controls.j2
+++ b/app/templates/controls.j2
@@ -1,5 +1,27 @@
 {% from "macros.j2" import court_button %}
+<h3>Timer</h3>
+<div class="timer">
+    <div role="group" style="height: 100%">
+        <button id="timer-dec"><i class="fas fa-light fa-minus"></i></button>
+        <input id="timer-display" type="text" style="text-align:center; height: 100%" readonly></input>
+        <button id="timer-inc"><i class="fas fa-light fa-plus"></i></button>
+    </div>
+    <button id="timer-start"><i class="fas fa-light fa-play"></i></button>
+    <button id="timer-stop"><i class="fas fa-light fa-stop"></i></button>
+</div>
 <h3>Generation</h3>
+<div class="grid">
+    <button class="button is-dark is-responsive" 
+            hx-post="/propose" 
+            hx-target="#games" 
+            hx-include="[name='levels'], [name='team']">Generate</button>
+    <button class="button is-dark is-responsive" 
+            hx-post="/confirm" 
+            hx-target="#games">Confirm</button>
+    <button class="button is-dark is-responsive" 
+            hx-post="/reset" 
+            hx-target="#games">RESET!</button>
+</div>
 <div class="grid">
     <div class="select is-responsive">
         <select name="levels">
@@ -18,30 +40,6 @@
         </select>
     </div>
 </div>
-<div class="grid">
-    <button class="button is-dark is-responsive" 
-            hx-post="/propose" 
-            hx-target="#games" 
-            hx-include="[name='levels'], [name='team']">Generate</button>
-    <button class="button is-dark is-responsive" 
-            hx-post="/confirm" 
-            hx-target="#games">Confirm</button>
-    <button class="button is-dark is-responsive" 
-            hx-post="/reset" 
-            hx-target="#games">RESET!</button>
-</div>
-<h3>Timer</h3>
-<div class="grid">
-    <div role="group">
-        <button id="timer-dec"><i class="fas fa-light fa-minus"></i></button>
-        <input id="timer-display" type="text" style="text-align:center; " readonly></input>
-        <button id="timer-inc"><i class="fas fa-light fa-plus"></i></button>
-    </div>
-</div>
-<div class="grid">
-<button id="timer-start"><i class="fas fa-light fa-play"></i></button>
-<button id="timer-stop"><i class="fas fa-light fa-stop"></i></button>
-</div>
 <h3>Courts</h3>
 <div class="parent">
 {% for court in courts %}
-- 
cgit v1.3.1