From 464e5e8603a1d41465a1d270927ee8fbf6539ac3 Mon Sep 17 00:00:00 2001
From: LD-Reborn <lucretia.dietz@gmx.de>
Date: Fri, 28 Nov 2025 20:14:53 +0100
Subject: [PATCH] Fixed groups view not compliant with 2.5.5 of WCAG 2.2

---
 src/Views/Home/Groups.cshtml |  2 +-
 src/wwwroot/css/site.css     | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/Views/Home/Groups.cshtml b/src/Views/Home/Groups.cshtml
index 727ac8e..2ac3fbc 100644
--- a/src/Views/Home/Groups.cshtml
+++ b/src/Views/Home/Groups.cshtml
@@ -327,7 +327,7 @@
 
             <form id="updateGroupForm">
                 <div class="modal-body">
-                    <div class="row g-3 justify-content-center">
+                    <div class="row g-3 mb-2 justify-content-center">
                         <!-- Basic Info -->
                         <div class="col-md-6">
                             <label class="form-label" for="groupId">@T["Group ID"] <span class="text-danger" aria-hidden="true">*</span></label>
diff --git a/src/wwwroot/css/site.css b/src/wwwroot/css/site.css
index fe36d70..73d4b76 100644
--- a/src/wwwroot/css/site.css
+++ b/src/wwwroot/css/site.css
@@ -101,3 +101,16 @@ h4.fw-bold, h4.card-title {
 td.text-success span, td.text-danger span {
   font-size: 2rem;
 }
+
+/* Make form-check-label WCAG 2.2 (2.5.5) compliant */
+.form-check {
+  display: flex;
+  align-items: center;
+}
+
+.form-check-label {
+  display: flex;
+  align-items: center;
+  min-height: 44px;
+  padding-left: 0.5rem;
+}
\ No newline at end of file