refactor: improve the styling of the anonymous donation checkbox desc…

…ription (#7413)
impress-org · Jul 3, 2024 · 84d4b28 · 84d4b28
1 parent 3b6a275
commit 84d4b28
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/DonationForms/resources/styles/elements/_fields.scss b/src/DonationForms/resources/styles/elements/_fields.scss
@@ -1,7 +1,13 @@
-.givewp-fields-checkbox {
+.givewp-fields-checkbox  {
     &__description {
         margin-left: calc(1.25em + 0.375em);
     }
+
+    &-anonymous {
+        .givewp-fields__description{
+            margin-left: 1.78rem;
+        }
+    }
 }
 
 .givewp-fields-amount {

diff --git a/src/FormBuilder/resources/js/form-builder/src/blocks/fields/anonymous/styles.scss b/src/FormBuilder/resources/js/form-builder/src/blocks/fields/anonymous/styles.scss
@@ -2,6 +2,14 @@
     .components-checkbox-control__label {
         font-size: 1rem;
         font-weight: 500;
+        line-height: 24px;
+        color: var(--givewp-gray-100);
+    }
+
+    .components-base-control__help {
+        margin-left: 2rem;
+        font-size: 0.875rem;
+        line-height: 1rem;
         color: var(--givewp-grey-700);
     }
 }