From 7960c78e42af551e9b95bb5473bbd02963334585 Mon Sep 17 00:00:00 2001
From: Rafael Oliveira <rmfseo@kth.se>
Date: Thu, 2 May 2024 22:45:54 +0200
Subject: [PATCH] feat: verticaly center radio buttons in edit period view

---
 src/main/resources/static/css/overrides.css            |  3 +++
 .../resources/templates/activities/edit-period.html    | 10 +++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/main/resources/static/css/overrides.css b/src/main/resources/static/css/overrides.css
index d2db091..1571c8e 100644
--- a/src/main/resources/static/css/overrides.css
+++ b/src/main/resources/static/css/overrides.css
@@ -174,6 +174,9 @@ input[type=checkbox] {
     border-right: none;
     transition: .25s;
 }
+.radio.v-centered label::before, .radio.v-centered label::after {
+    margin-top: 7px; /* thanks, I hate this */
+}
 .radio label:hover::after {
     opacity: 0.5;
 }
diff --git a/src/main/resources/templates/activities/edit-period.html b/src/main/resources/templates/activities/edit-period.html
index 3723625..fedfbc8 100644
--- a/src/main/resources/templates/activities/edit-period.html
+++ b/src/main/resources/templates/activities/edit-period.html
@@ -63,7 +63,7 @@ <h2>Redigera period</h2>
                 <div class="form-group">
                     <label for="recurrence" class="form-label-block">Upprepning (från startdatum):</label>
 
-                    <div class="radio" style="height: 4em">
+                    <div class="radio v-centered" style="height: 4em">
                         <input class="form-control"
                             type="radio"
                             name="recurrence-type"
@@ -81,7 +81,7 @@ <h2>Redigera period</h2>
                             dag(ar)
                         </label>
                     </div>
-                    <div class="radio" style="height: 4em">
+                    <div class="radio v-centered" style="height: 4em">
                         <input class="form-control"
                             type="radio"
                             name="recurrence-type"
@@ -99,7 +99,7 @@ <h2>Redigera period</h2>
                             vecka(or)
                         </label>
                     </div>
-                    <div class="radio" style="height: 4em">
+                    <div class="radio v-centered" style="height: 4em">
                         <input class="form-control"
                             type="radio"
                             name="recurrence-type"
@@ -117,7 +117,7 @@ <h2>Redigera period</h2>
                             månad(er)
                         </label>
                     </div>
-                    <div class="radio" style="height: 4em">
+                    <div class="radio v-centered" style="height: 4em">
                         <input class="form-control"
                             type="radio"
                             name="recurrence-type"
@@ -135,7 +135,7 @@ <h2>Redigera period</h2>
                             år
                         </label>
                     </div>
-                    <div class="radio" style="height: 4em">
+                    <div class="radio v-centered" style="height: 4em">
                         <input class="form-control"
                             checked
                             type="radio"