summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/match_up/static/custom.css4
-rw-r--r--src/match_up/templates/controls.j24
-rw-r--r--src/match_up/templates/macros.j22
-rw-r--r--src/match_up/templates/players.j25
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>