Merge pull request #1031 from cakephp/css

Improve form styling
cakephp · Jan 26, 2025 · fe836f3 · fe836f3
2 parents 9ee33d5 + dad68d5
commit fe836f3
Showing 1 changed file with 18 additions and 16 deletions.
diff --git 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 {