From d304a470e5a9fae6fc0c8975f050cb7aa290f74a Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Wed, 16 Oct 2024 11:08:15 +0200
Subject: First working version with history

---
 templates/index.j2 | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'templates/index.j2')

diff --git a/templates/index.j2 b/templates/index.j2
index 3a2118b..40d0eb1 100644
--- a/templates/index.j2
+++ b/templates/index.j2
@@ -9,10 +9,13 @@
 		<script src="https://unpkg.com/htmx.org@2.0.0/dist/htmx.min.js"></script>
 		<style>
 			button, input, .select, .select select {
-			width: 100%;
+			    width: 100%;
 			}
+            table {
+                font-size: 30px;
+            }
 			td {
-			width: 20%;
+			    width: 20%;
 			}
 		</style>
 	</head>
@@ -26,7 +29,7 @@
 			<p class="title">Games</p>
 			<div class="columns">
 				<div class="column">
-					<div class="select">
+					<div class="select is-large">
 						<select name="type">
 							<option>10 Levels</option>
 							<option>8 Levels</option>
@@ -38,14 +41,14 @@
 					</div>
 				</div>
 				<div class="column">
-					<button class="button is-success" hx-post="/propose" hx-trigger="click" hx-target="#games" hx-include="[name='type']">Propose</button>
+					<button class="button is-dark is-large" hx-post="/propose" hx-trigger="click" hx-target="#games" hx-include="[name='type']">Propose</button>
 				</div>
 				<div class="column"></div>
 				<div class="column">
-					<button class="button is-success" hx-post="/confirm" hx-trigger="click" hx-target="#games">Confirm</button>
+					<button class="button is-dark is-large" hx-post="/confirm" hx-trigger="click" hx-target="#games">Confirm</button>
 				</div>
 				<div class="column">
-					<button class="button is-danger" hx-post="/clear" hx-trigger="click" hx-target="#games">Clear</button>
+					<button class="button is-dark is-large" hx-post="/clear" hx-trigger="click" hx-target="#games">Clear</button>
 				</div>
 			</div>
 			<div hx-post="/clear" hx-swap="outerHTML" hx-trigger="revealed"></div>
-- 
cgit v1.3.1