From 20d668454a1e1d8f17f7e5d4d25f667f62381cd1 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Fri, 11 Oct 2024 18:56:48 +0200
Subject: Working with Bulma CSS now

---
 templates/courts.j2 | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'templates/courts.j2')

diff --git a/templates/courts.j2 b/templates/courts.j2
index 3134aca..64fd44a 100644
--- a/templates/courts.j2
+++ b/templates/courts.j2
@@ -1,7 +1,9 @@
-<div class="grid-container">
+<div class="fixed-grid has-12-cols">
+<div class="grid">
 {% for court in courts %}
-    <div class="grid-item">
-        <button class={% if court.status %} "active" {% else %} "dormant" {% endif %} hx-post="{{ "/court-toggle/" ~ court.number}}" hx-trigger="click" hx-swap="outerHTML">{{ court.number }}</button>
+    <div class="cell">
+        <button class={% if court.status %} "button is-success" {% else %} "button is-danger" {% endif %} hx-post="{{ "/court-toggle/" ~ court.number}}" hx-trigger="click" hx-swap="outerHTML">{{ court.number }}</button>
     </div>
 {% endfor %}
+</div>
 </div>
\ No newline at end of file
-- 
cgit v1.3.1