diff options
| author | Karan Jayachandra <karan.jayachandra@nxp.com> | 2024-10-18 16:58:03 +0200 |
|---|---|---|
| committer | Karan Jayachandra <karan.jayachandra@nxp.com> | 2024-10-18 16:58:03 +0200 |
| commit | 1aa425e1d7b5818d5677530512b4e0a6f525580e (patch) | |
| tree | c7f9f30da2c0b68736b9c5b9326df8cfd8e02543 /templates/controls.j2 | |
| parent | 663e797209b11d7d234ca90da82fb809ac688845 (diff) | |
Made the visuals look good for laptop
Diffstat (limited to 'templates/controls.j2')
| -rw-r--r-- | templates/controls.j2 | 16 |
1 files changed, 7 insertions, 9 deletions
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> |