style: Set description font size to 14px

impress-org · Nov 6, 2024 · be8b4b1 · be8b4b1
1 parent 4ee90e4
commit be8b4b1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss b/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss
@@ -14,7 +14,7 @@
     }
 
     .description {
-        font-size: 0.875rem;
+        font-size: 14px;
         margin-bottom: 0.4rem;
     }
 }

diff --git a/src/Campaigns/resources/admin/components/CampaignFormModal/index.tsx b/src/Campaigns/resources/admin/components/CampaignFormModal/index.tsx
@@ -240,9 +240,9 @@ export default function CampaignFormModal({isOpen, handleClose, apiSettings, tit
                             <label htmlFor="title">
                                 {__("What's the title of your campaign?", 'give')} {requiredAsterisk}
                             </label>
-                            <span className={styles.description}>
+                            <div className={styles.description}>
                                 {__("Give your campaign a title that tells donors what it's about.", 'give')}
-                            </span>
+                            </div>
                             <input
                                 type="text"
                                 {...register('title', {required: __('The campaign must have a title!', 'give')})}
@@ -258,9 +258,9 @@ export default function CampaignFormModal({isOpen, handleClose, apiSettings, tit
                         </div>
                         <div className="givewp-campaigns__form-row">
                             <label htmlFor="shortDescription">{__("What's your campaign about?", 'give')}</label>
-                            <span className={styles.description}>
+                            <div className={styles.description}>
                                 {__('Let your donors know the story behind your campaign.', 'give')}
-                            </span>
+                            </div>
                             <textarea
                                 {...register('shortDescription')}
                                 rows={4}
@@ -272,9 +272,9 @@ export default function CampaignFormModal({isOpen, handleClose, apiSettings, tit
                         </div>
                         <div className="givewp-campaigns__form-row">
                             <label htmlFor="image">{__('Add a cover image or video for your campaign.', 'give')}</label>
-                            <span className={styles.description}>
+                            <div className={styles.description}>
                                 {__('Upload an image or video to represent and inspire your campaign.', 'give')}
-                            </span>
+                            </div>
                             <Upload
                                 id="givewp-campaigns-upload-cover-image"
                                 label={__('Cover', 'give')}