fix(community-modal): #403 fix for text overlap with close icon

telus · Jan 15, 2021 · 8ecdc06 · 8ecdc06
2 parents edee409 + 7f68b8f
commit 8ecdc06
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/packages/Modal/Modal.jsx b/packages/Modal/Modal.jsx
@@ -121,7 +121,7 @@ const Modal = ({
                   </StyledBox>
                   {confirmCTAText && (
                     <PaddingOverride>
-                      <Box vertical={5}>
+                      <Box vertical={4}>
                         <CTAWrapper cancelCTAExists={cancelCTAText}>
                           <Button onClick={onConfirm}>{confirmCTAText}</Button>
                           {cancelCTAText && (

diff --git a/packages/Modal/__tests__/__snapshots__/Modal.spec.jsx.snap b/packages/Modal/__tests__/__snapshots__/Modal.spec.jsx.snap
@@ -318,15 +318,15 @@ exports[`Modal renders 1`] = `
 
 @media (max-width:767px) {
   .c9 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
   }
 }
 
 @media (min-width:768px) {
   .c9 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
+    padding-top: 2rem;
+    padding-bottom: 2rem;
   }
 }
 
@@ -768,15 +768,15 @@ exports[`Modal renders 1`] = `
 
 @media (max-width:767px) {
   .c9 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
   }
 }
 
 @media (min-width:768px) {
   .c9 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
+    padding-top: 2rem;
+    padding-bottom: 2rem;
   }
 }
 
@@ -1407,12 +1407,12 @@ exports[`Modal renders 1`] = `
                                           <Box
                                             inline={false}
                                             tag="div"
-                                            vertical={5}
+                                            vertical={4}
                                           >
                                             <styled.div
                                               inline={false}
                                               tag="div"
-                                              vertical={5}
+                                              vertical={4}
                                             >
                                               <StyledComponent
                                                 forwardedComponent={
@@ -1446,7 +1446,7 @@ exports[`Modal renders 1`] = `
                                                 forwardedRef={null}
                                                 inline={false}
                                                 tag="div"
-                                                vertical={5}
+                                                vertical={4}
                                               >
                                                 <div
                                                   className="c9"