From c750defc5fe0486b70d0df0e43c3525618a85e62 Mon Sep 17 00:00:00 2001
From: Bernhard Kirchen <schlimmchen@posteo.net>
Date: Fri, 25 Oct 2024 21:55:31 +0200
Subject: [PATCH] webapp: right-align labels for inputs on non-sm viewports

this change tries to achieve a pleasing look of input forms by
right-aligning the texts of labels. the input form now looks similar
to a table, achieving a cleaner look, especially for forms where the
labels have varying text lenghts.
---
 webapp/src/scss/styles.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/webapp/src/scss/styles.scss b/webapp/src/scss/styles.scss
index f97d338..9977f92 100644
--- a/webapp/src/scss/styles.scss
+++ b/webapp/src/scss/styles.scss
@@ -4,3 +4,10 @@
 .container-fluid .row {
     font-feature-settings: 'tnum';
 }
+
+@include media-breakpoint-up(sm) {
+    label.col-form-label,
+    label.form-check-label {
+        text-align: end;
+    }
+}