diff options
Diffstat (limited to 'templates/index.j2')
| -rw-r--r-- | templates/index.j2 | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/templates/index.j2 b/templates/index.j2 index 3a2118b..40d0eb1 100644 --- a/templates/index.j2 +++ b/templates/index.j2 @@ -9,10 +9,13 @@ <script src="https://unpkg.com/htmx.org@2.0.0/dist/htmx.min.js"></script> <style> button, input, .select, .select select { - width: 100%; + width: 100%; } + table { + font-size: 30px; + } td { - width: 20%; + width: 20%; } </style> </head> @@ -26,7 +29,7 @@ <p class="title">Games</p> <div class="columns"> <div class="column"> - <div class="select"> + <div class="select is-large"> <select name="type"> <option>10 Levels</option> <option>8 Levels</option> @@ -38,14 +41,14 @@ </div> </div> <div class="column"> - <button class="button is-success" hx-post="/propose" hx-trigger="click" hx-target="#games" hx-include="[name='type']">Propose</button> + <button class="button is-dark is-large" hx-post="/propose" hx-trigger="click" hx-target="#games" hx-include="[name='type']">Propose</button> </div> <div class="column"></div> <div class="column"> - <button class="button is-success" hx-post="/confirm" hx-trigger="click" hx-target="#games">Confirm</button> + <button class="button is-dark is-large" hx-post="/confirm" hx-trigger="click" hx-target="#games">Confirm</button> </div> <div class="column"> - <button class="button is-danger" hx-post="/clear" hx-trigger="click" hx-target="#games">Clear</button> + <button class="button is-dark is-large" hx-post="/clear" hx-trigger="click" hx-target="#games">Clear</button> </div> </div> <div hx-post="/clear" hx-swap="outerHTML" hx-trigger="revealed"></div> |