From 8298b183a981610f1395ab77641b1f8d1e1fff47 Mon Sep 17 00:00:00 2001
From: Michael Milette <michael.milette@tngconsulting.ca>
Date: Tue, 10 Dec 2024 22:50:50 -0500
Subject: [PATCH] #210: Fix alignment of form elements on mobile screens.

---
 scss/trema/login.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/scss/trema/login.scss b/scss/trema/login.scss
index 2275497..3bce0fa 100644
--- 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;
+    }
+}