From dad68d50885f8374f8c686a417e6516cdea6e880 Mon Sep 17 00:00:00 2001
From: ADmad <admad.coder@gmail.com>
Date: Sat, 25 Jan 2025 21:39:59 +0530
Subject: [PATCH] Improve form styling

---
 webroot/css/cake.css | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/webroot/css/cake.css b/webroot/css/cake.css
index fbb0de9761..00cfdc5ed5 100644
--- a/webroot/css/cake.css
+++ b/webroot/css/cake.css
@@ -179,32 +179,34 @@ th {
 }
 
 /* Forms */
-.input.radio,
-.input.checkbox,
-.input.multicheckbox {
-    margin-bottom: 2.0rem;
-}
-.input.radio input,
-.input.checkbox input,
-.input.multicheckbox input {
-    margin: 0;
+.input {
+    margin-bottom: 1.5rem;
 }
-.input.radio label,
-.input.checkbox label,
-.input.multicheckbox label {
-    margin: 0;
+.input input,
+.input select,
+.input textarea {
+    margin-bottom: 0;
+}
+.input label:has(input[type='checkbox']),
+.input label:has(input[type='radio']) {
     display: flex;
     align-items: center;
 }
-.input.radio label > input,
-.input.checkbox label > input,
-.input.multicheckbox label > input {
+.input label:has(~ label),
+.input label:has(input[type='radio']) {
+    margin-bottom: 0;
+}
+.input label > input[type='checkbox'],
+.input label > input[type='radio'] {
     margin-right: 1.0rem;
 }
 input[type='color'] {
     max-width: 4rem;
     padding: 0.3rem .5rem 0.3rem;
 }
+.error-message {
+    color: var(--color-message-error-text);
+}
 
 /* Paginator */
 .paginator {