Merge pull request #1521 from AFarHitman7/dev

fix(donation): fixed refund styles
gtech-mulearn · May 19, 2024 · c5bffd5 · c5bffd5
2 parents 3ca9f5a + f4e3e71
commit c5bffd5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 76 deletions.
diff --git a/src/modules/Public/Donation/components/RefundText.module.css b/src/modules/Public/Donation/components/RefundText.module.css
@@ -1,6 +1,5 @@
-h1,
-h2,
-h3 {
+.pageTitle,
+.heading2 {
     letter-spacing: -0.01em;
     line-height: 1.2;
     font-weight: 600;
@@ -14,91 +13,43 @@ h3 {
     margin-bottom: 0.75em;
 }
 
-h1 {
+.pageTitle {
     font-size: 1.875rem;
     margin-top: 1.875rem;
 }
 
-h2 {
+.heading2 {
     font-size: 1.5rem;
     margin-top: 1.5rem;
 }
 
-h3 {
-    font-size: 1.25rem;
-    margin-top: 1.25rem;
-}
-
-ol,
-ul {
+.numberedList {
     margin: 0;
     margin-block-start: 0.6em;
     margin-block-end: 0.6em;
 }
 
-li > ol:first-child,
-li > ul:first-child {
-    margin-block-start: 0.6em;
-}
-
-ul > li {
-    list-style: disc;
-}
-
-ul.to-do-list {
-    padding-inline-start: 0;
-}
-
-ul.to-do-list > li {
-    list-style: none;
-}
-
 .to-do-children-checked {
     text-decoration: line-through;
     opacity: 0.375;
 }
 
-ul.toggle > li {
-    list-style: none;
-}
-
-ul {
-    padding-inline-start: 1.7em;
-}
-
-ul > li {
-    padding-left: 0.1em;
-}
-
-ol {
+.numberedList {
     padding-inline-start: 1.6em;
 }
 
-ol > li {
+.numberedList > li {
     padding-left: 0.2em;
 }
 
-.mono ol {
+.mono .numberedList {
     padding-inline-start: 2em;
 }
 
-.mono ol > li {
+.mono .numberedList > li {
     text-indent: -0.4em;
 }
 
-.toggle {
-    padding-inline-start: 0em;
-    list-style-type: none;
-}
-
-/* Indent toggle children */
-.toggle > li > details {
-    padding-left: 1.7em;
-}
-
-.toggle > li > details > summary {
-    margin-left: -1.1em;
-}
 .pageDescription {
     margin-bottom: 2em;
 }
@@ -113,26 +64,17 @@ ol > li {
         font-size: 1.6rem;
     }
 
-    h1 {
+    .pageTitle {
         font-size: 1.4rem;
         margin-top: 1.875rem;
     }
 
-    h2 {
+    .heading2 {
         font-size: 1.1rem;
         margin-top: 1.5rem;
     }
 
-    h3 {
+    .pageBody p {
         font-size: 0.9rem;
-        margin-top: 1.25rem;
-    }
-
-    p {
-        font-size: 0.9rem;
-    }
-
-    li {
-        font-size: 0.8rem;
     }
 }
diff --git a/src/modules/Public/Donation/components/RefundText.tsx b/src/modules/Public/Donation/components/RefundText.tsx
@@ -20,7 +20,7 @@ export default function RefundPage(){
                     offer refunds on donations, we understand that circumstances
                     may arise where a donor may request a refund.
                 </p>
-                <h2 id="95b9be19-b97b-4376-bb6c-0fabaf498d2b">
+                <h2 className={styles.heading2} id="95b9be19-b97b-4376-bb6c-0fabaf498d2b">
                     <strong>Receipt Issuance and Verification</strong>
                 </h2>
                 <ol
@@ -47,7 +47,7 @@ export default function RefundPage(){
                         donation for verification purposes.
                     </li>
                 </ol>
-                <h2 id="7faed5eb-26a3-4156-97f7-bfc5f739aa17">
+                <h2 className={styles.heading2} id="7faed5eb-26a3-4156-97f7-bfc5f739aa17">
                     <strong>Refund Eligibility</strong>
                 </h2>
                 <ol
@@ -85,7 +85,7 @@ export default function RefundPage(){
                     subscription-based donation (see below for
                     subscription-based donations policy).
                 </p>
-                <h2 id="abde7fa0-e02d-4ca1-87b4-226aaf1be01e">
+                <h2 className={styles.heading2} id="abde7fa0-e02d-4ca1-87b4-226aaf1be01e">
                     <strong>Subscription-Based Donations</strong>
                 </h2>
                 <ol
@@ -114,7 +114,7 @@ export default function RefundPage(){
                         non-refundable.
                     </li>
                 </ol>
-                <h2 id="5ef42403-f10d-4410-9163-4acd02e85dac">
+                <h2 className={styles.heading2} id="5ef42403-f10d-4410-9163-4acd02e85dac">
                     <strong>Refund Process</strong>
                 </h2>
                 <ol
@@ -155,7 +155,7 @@ export default function RefundPage(){
                         otherwise specified by the donor.
                     </li>
                 </ol>
-                <h2 id="f1777bc2-ccbf-49dd-8c99-a8497e99917f">
+                <h2 className={styles.heading2} id="f1777bc2-ccbf-49dd-8c99-a8497e99917f">
                     <strong>Contact Information</strong>
                 </h2>
                 <p id="ca78dd35-7554-423b-9d4e-e5ab30c0a505">
@@ -173,7 +173,7 @@ export default function RefundPage(){
                 <p id="98d09a7f-4a43-4940-8ef7-fd132921fb74">
                     Karyavattom, Trivandrum
                 </p>
-                <h2 id="4ad3ba19-4ee8-45ec-b29e-01cedc6c6b79">
+                <h2 className={styles.heading2} id="4ad3ba19-4ee8-45ec-b29e-01cedc6c6b79">
                     <strong>Policy Revision</strong>
                 </h2>
                 <p id="f9251d08-8b1c-4c2a-a086-3481a238c063">