#210: Fix alignment of form elements on mobile screens.

trema-tech · Dec 11, 2024 · 8298b18 · 8298b18
1 parent 4d50a64
commit 8298b18
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/scss/trema/login.scss b/scss/trema/login.scss
@@ -234,3 +234,13 @@ body.local-login {
         }
     }
 }
+
+// Adjust form label and field alignment on small screens.
+@media only screen and (max-width: 560px) {
+    body #page .signupform .form-group.row.fitem {
+         display: block;
+    }
+    body #page .signupform .form-group.row.fitem .col-form-label {
+         max-width: 100%!important;
+    }
+}