feat: verticaly center radio buttons in edit period view

datasektionen · May 2, 2024 · 7960c78 · 7960c78
1 parent 388fac0
commit 7960c78
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git 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
@@ -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"