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/players.j2 | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'templates/players.j2')

diff --git a/templates/players.j2 b/templates/players.j2
index 3005fa4..6179dbb 100644
--- a/templates/players.j2
+++ b/templates/players.j2
@@ -1,7 +1,8 @@
-<div class="grid-container">
+<div class="fixed-grid has-5-cols">
+<div class="grid">
 {% for player in players %}
-    <div class="grid-item">
-        <button class={% if player.status %} "active" {% else %} "dormant" {% endif %} hx-post="{{ "/player-toggle/" ~ player.name}}" hx-trigger="click" hx-swap="outerHTML">{{ player.name }}</button>
+    <div class="cell">
+        <button class={% if player.status %} "button is-success" {% else %} "button is-danger" {% endif %} hx-post="{{ "/player-toggle/" ~ player.name}}" hx-trigger="click" hx-swap="outerHTML">{{ player.name }}</button>
     </div>
 {% endfor %}
 </div>
\ No newline at end of file
-- 
cgit v1.3.1