From c4a4e35f93f18a13c6e4fc1401caad2b095a7ea7 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <mail@karanjayachandra.com>
Date: Fri, 15 Nov 2024 17:46:31 +0100
Subject: Added the changes to clean up the guests layout

---
 src/match_up/templates/controls.j2 | 4 ++--
 src/match_up/templates/macros.j2   | 2 +-
 src/match_up/templates/players.j2  | 5 +++--
 3 files changed, 6 insertions(+), 5 deletions(-)

(limited to 'src/match_up/templates')

diff --git a/src/match_up/templates/controls.j2 b/src/match_up/templates/controls.j2
index 57a605e..cf591c5 100644
--- a/src/match_up/templates/controls.j2
+++ b/src/match_up/templates/controls.j2
@@ -29,11 +29,11 @@
     <div class="column">
         <button class="button is-dark is-responsive" 
                 hx-post="/confirm" 
-                hx-target="#games">Start Round</button>
+                hx-target="#games">Confirm</button>
     </div>
     <div class="column">
         <button class="button is-dark is-responsive" 
                 hx-post="/reset" 
-                hx-target="#games">Reset!</button>
+                hx-target="#games">RESET!</button>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/match_up/templates/macros.j2 b/src/match_up/templates/macros.j2
index 3e6c4d6..2974744 100644
--- a/src/match_up/templates/macros.j2
+++ b/src/match_up/templates/macros.j2
@@ -11,7 +11,7 @@
 {%- endmacro %}
 
 {% macro guest_control(level, value) -%}
-<div class="field has-addons" id="guests_{{level}}">
+<div class="field center has-addons is-centered" id="guests_{{level}}">
     <div class="control">
         <button class="button is-responsive is-dark" 
                 hx-post="/decrement_guest" 
diff --git a/src/match_up/templates/players.j2 b/src/match_up/templates/players.j2
index 46ff172..cd41925 100644
--- a/src/match_up/templates/players.j2
+++ b/src/match_up/templates/players.j2
@@ -13,9 +13,10 @@
             {% endfor %}
             </div>
 			<h4 class="title is-4">Guests</h4>
-			<div class="columns">
+			<div class="fixed-grid has-3-cols">
+			<div class="grid">
 				{% for level in guests %}
-                	<div class="column"> {{ guest_control(level, guests[level]) }} </div>
+                	<div class="cell"> {{ guest_control(level, guests[level]) }} </div>
             	{% endfor %}
 			</div>
 		</section>
-- 
cgit v1.3.1