From 60a489cfb3fb7a12a06212c2c7ed3c05cd0757b5 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <mail@karanjayachandra.com>
Date: Fri, 25 Oct 2024 18:03:18 +0200
Subject: Moved the files into a folder structure

---
 src/match_up/static/custom.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 src/match_up/static/custom.css

(limited to 'src/match_up/static/custom.css')

diff --git a/src/match_up/static/custom.css b/src/match_up/static/custom.css
new file mode 100644
index 0000000..11d583f
--- /dev/null
+++ b/src/match_up/static/custom.css
@@ -0,0 +1,15 @@
+button, input, .select, .select select {
+    width: 100%;
+}
+table {
+    font-size: 17.5px;
+}
+td {
+    width: 20%;
+}
+img {
+    position: absolute; 
+    top: 50%; 
+    left: 50%; 
+    transform: translate(-50%,-50%);
+}
\ No newline at end of file
-- 
cgit v1.3.1


From c4a4e35f93f18a13c6e4fc1401caad2b095a7ea7 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <mail@karanjayachandra.com>
Date: Fri, 15 Nov 2024 17:46:31 +0100
Subject: Added the changes to clean up the guests layout

---
 src/match_up/static/custom.css     | 4 ++++
 src/match_up/templates/controls.j2 | 4 ++--
 src/match_up/templates/macros.j2   | 2 +-
 src/match_up/templates/players.j2  | 5 +++--
 4 files changed, 10 insertions(+), 5 deletions(-)

(limited to 'src/match_up/static/custom.css')

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>
-- 
cgit v1.3.1