From 1aa425e1d7b5818d5677530512b4e0a6f525580e Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Fri, 18 Oct 2024 16:58:03 +0200
Subject: Made the visuals look good for laptop

---
 templates/controls.j2 | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

(limited to 'templates/controls.j2')

diff --git a/templates/controls.j2 b/templates/controls.j2
index 125dd38..6ba724a 100644
--- a/templates/controls.j2
+++ b/templates/controls.j2
@@ -1,5 +1,5 @@
 {% from "macros.j2" import court %}
-<div class="fixed-grid has-12-cols">
+<div class="fixed-grid has-6-cols">
     <div class="grid">
     {% for key, value in courts.items() %}
         {{ court(key, value) }}
@@ -10,16 +10,14 @@
     <div class="column">
         <div class="field has-addons">
             <div class="control">
-                <button class="button is-large is-responsive is-dark" 
-                        style="text-align:center" 
+                <button class="button is-responsive is-dark" 
                         hx-post="/decrement" 
                         hx-swap="outerHTML"
                         hx-target="#guests">-</button>
             </div>
             <div hx-get="/guests" hx-swap="outerHTML" hx-trigger="revealed"></div>
             <div class="control">
-                <button class="button is-large is-responsive is-dark" 
-                        style="text-align:center" 
+                <button class="button is-responsive is-dark" 
                         hx-post="/increment" 
                         hx-swap="outerHTML"
                         hx-target="#guests">+</button>
@@ -27,7 +25,7 @@
         </div>
     </div>
     <div class="column">
-        <div class="select is-large is-responsive">
+        <div class="select is-responsive">
             <select name="type">
                 <option>10 Levels</option>
                 <option>8 Levels</option>
@@ -39,19 +37,19 @@
         </div>
     </div>
     <div class="column">
-        <button class="button is-dark is-large is-responsive" 
+        <button class="button is-dark is-responsive" 
                 hx-post="/propose" 
                 hx-target="#games" 
                 hx-include="[name='type']">New Round</button>
     </div>
     <div class="column"></div>
     <div class="column">
-        <button class="button is-dark is-large is-responsive" 
+        <button class="button is-dark is-responsive" 
                 hx-post="/confirm" 
                 hx-target="#games">Start Round</button>
     </div>
     <div class="column">
-        <button class="button is-dark is-large is-responsive" 
+        <button class="button is-dark is-responsive" 
                 hx-post="/clear" 
                 hx-target="#games">Reset</button>
     </div>
-- 
cgit v1.3.1