From e1d7bc9e679c8778c22f99d24ffc339791429c71 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Fri, 18 Oct 2024 09:40:46 +0200
Subject: Cleaned up the layout slightly

---
 .gitignore            |  7 ++++++-
 templates/controls.j2 | 14 +++++++-------
 templates/index.j2    | 12 +++++++-----
 templates/players.j2  | 14 ++++++++------
 4 files changed, 28 insertions(+), 19 deletions(-)

diff --git a/.gitignore b/.gitignore
index 4ad7566..c363d02 100644
--- a/.gitignore
+++ b/.gitignore
@@ -161,4 +161,9 @@ cython_debug/
 
 # Data
 data
-*.csv
\ No newline at end of file
+*.csv
+
+# Scripts
+*.ps1
+*.cmd
+*.sh
\ No newline at end of file
diff --git a/templates/controls.j2 b/templates/controls.j2
index 7a03f9a..0b1451a 100644
--- a/templates/controls.j2
+++ b/templates/controls.j2
@@ -1,4 +1,11 @@
 {% from "macros.j2" import court %}
+<div class="fixed-grid has-12-cols">
+<div class="grid">
+{% for key, value in courts.items() %}
+    {{ court(key, value) }}
+{% endfor %}
+</div>
+</div>
 <div class="columns">
     <div class="column">
         <div class="field has-addons">
@@ -48,11 +55,4 @@
                 hx-post="/clear" 
                 hx-target="#games">Reset</button>
     </div>
-</div>
-<div class="fixed-grid has-12-cols">
-<div class="grid">
-{% for key, value in courts.items() %}
-    {{ court(key, value) }}
-{% endfor %}
-</div>
 </div>
\ No newline at end of file
diff --git a/templates/index.j2 b/templates/index.j2
index 764eae8..ff8f37a 100644
--- a/templates/index.j2
+++ b/templates/index.j2
@@ -19,26 +19,28 @@
 						</figure>
 					</div>
 				</div>
+				<div class="level-item has-text-centered"></div>
 				<p class="level-item has-text-centered">
-					<a class="title link is-info is-underlined" href="/">Games</a>
+					<button class="button is-large is-link is-focused" onclick="location.href = '/';">Games</button>
 				</p>
+				<div class="level-item has-text-centered"></div>
 				<div class="level-item has-text-centered">
 					<p class="title is-1">Match Up!</p>
 				</div>
+				<div class="level-item has-text-centered"></div>
 				<p class="level-item has-text-centered">
-					<a class="title link is-info" href="/players">Players</a>
+					<button class="button is-large is-link" onclick="location.href = '/players';">Players</button>
 				</p>
+				<div class="level-item has-text-centered"></div>
 				<div class="level-right">
 					<div hx-get="/time" hx-swap="outerHTML" hx-trigger="load"></div>
 				</div>
 			</nav>
 			<div hx-post="/clear" hx-swap="outerHTML" hx-trigger="load"></div>
 			<div hx-get="/control" hx-swap="outerHTML" hx-trigger="load"></div>
-		</section>
-		<footer class="footer">
 			<div class="content has-text-centered">
 				Made by <a href="https://karanjayachandra.com/">Karan</a> using <a href="https://flask.palletsprojects.com">Flask</a>, <a href="https://htmx.org/">HTMX</a> and <a href="https://bulma.io">Bulma</a>
 			</div>
-		</footer>
+		</section>
 	</body>
 </html>
diff --git a/templates/players.j2 b/templates/players.j2
index 0e851ab..05f886a 100644
--- a/templates/players.j2
+++ b/templates/players.j2
@@ -20,20 +20,24 @@
 						</figure>
 					</div>
 				</div>
+				<div class="level-item has-text-centered"></div>
 				<p class="level-item has-text-centered">
-					<a class="title link is-info" href="/">Games</a>
+					<button class="button is-large 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 is-1">Match Up!</p>
 				</div>
+				<div class="level-item has-text-centered"></div>
 				<p class="level-item has-text-centered">
-					<a class="title link is-info is-underlined" href="/players">Players</a>
+					<button class="button is-large is-link is-focused" onclick="location.href = '/players';">Players</button>
 				</p>
+				<div class="level-item has-text-centered"></div>
 				<div class="level-right">
 					<div hx-get="/time" hx-swap="outerHTML" hx-trigger="load"></div>
 				</div>
 			</nav>
-			<div class="fixed-grid has-5-cols">
+			<div class="fixed-grid has-6-cols">
             <div class="grid">
             {% for id, value in players.items() %}
                 <div class="cell">
@@ -41,11 +45,9 @@
                 </div>
             {% endfor %}
             </div>
-		</section>
-		<footer class="footer">
 			<div class="content has-text-centered">
 				Made by <a href="https://karanjayachandra.com/">Karan</a> using <a href="https://flask.palletsprojects.com">Flask</a>, <a href="https://htmx.org/">HTMX</a> and <a href="https://bulma.io">Bulma</a>
 			</div>
-		</footer>
+		</section>
 	</body>
 </html>
\ No newline at end of file
-- 
cgit v1.3.1