diff options
| author | Karan Jayachandra <mail@karanjayachandra.com> | 2024-11-15 17:46:31 +0100 |
|---|---|---|
| committer | Karan Jayachandra <mail@karanjayachandra.com> | 2024-11-15 17:46:31 +0100 |
| commit | c4a4e35f93f18a13c6e4fc1401caad2b095a7ea7 (patch) | |
| tree | fe2f9627bc4fcb3b909f127e4667aa37a5af9759 | |
| parent | d19720741fd37ea0a4b8a79f4f445bccdd360089 (diff) | |
Added the changes to clean up the guests layout
| -rw-r--r-- | src/match_up/static/custom.css | 4 | ||||
| -rw-r--r-- | src/match_up/templates/controls.j2 | 4 | ||||
| -rw-r--r-- | src/match_up/templates/macros.j2 | 2 | ||||
| -rw-r--r-- | src/match_up/templates/players.j2 | 5 |
4 files changed, 10 insertions, 5 deletions
diff --git a/src/match_up/static/custom.css b/src/match_up/static/custom.css index 11d583f..fafc51a 100644 --- a/src/match_up/static/custom.css +++ b/src/match_up/static/custom.css @@ -12,4 +12,8 @@ img { top: 50%; left: 50%; transform: translate(-50%,-50%); +} +.center { + margin: auto; + width: 50%; }
\ No newline at end of file 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> |