NCL-8806 Add margin to PageLayout TextContent

project-ncl · Sep 5, 2024 · c28c091 · c28c091
1 parent 718064d
commit c28c091
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 7 deletions.
diff --git a/src/components/GroupConfigsPage/__tests__/__snapshots__/GroupConfigsPage.test.tsx.snap b/src/components/GroupConfigsPage/__tests__/__snapshots__/GroupConfigsPage.test.tsx.snap
@@ -9,7 +9,7 @@ Object {
         class="pf-v5-c-page__main-section pf-m-light"
       >
         <div
-          class="pf-v5-c-content pull-left"
+          class="pf-v5-c-content pull-left m-b-15"
         >
           <h1
             class=""
@@ -779,7 +779,7 @@ Object {
       class="pf-v5-c-page__main-section pf-m-light"
     >
       <div
-        class="pf-v5-c-content pull-left"
+        class="pf-v5-c-content pull-left m-b-15"
       >
         <h1
           class=""

diff --git a/src/components/PageLayout/PageLayout.tsx b/src/components/PageLayout/PageLayout.tsx
@@ -57,7 +57,7 @@ export const PageLayout = ({
         </PageBreadcrumb>
       )}
       <PageSection variant={PageSectionVariants.light}>
-        <TextContent className={css((actions || sidebar) && 'pull-left')}>
+        <TextContent className={css((actions || sidebar) && 'pull-left m-b-15')}>
           <Text component="h1">{title}</Text>
           <Text component="p">{description}</Text>
         </TextContent>

diff --git a/src/components/ProjectDetailPage/__tests__/__snapshots__/ProjectDetailPage.test.tsx.snap b/src/components/ProjectDetailPage/__tests__/__snapshots__/ProjectDetailPage.test.tsx.snap
@@ -12,7 +12,7 @@ Object {
         class="pf-v5-c-page__main-section pf-m-light"
       >
         <div
-          class="pf-v5-c-content pull-left"
+          class="pf-v5-c-content pull-left m-b-15"
         >
           <h1
             class=""
@@ -428,7 +428,7 @@ Object {
       class="pf-v5-c-page__main-section pf-m-light"
     >
       <div
-        class="pf-v5-c-content pull-left"
+        class="pf-v5-c-content pull-left m-b-15"
       >
         <h1
           class=""

diff --git a/src/components/ProjectsPage/__tests__/__snapshots__/ProjectsPage.test.tsx.snap b/src/components/ProjectsPage/__tests__/__snapshots__/ProjectsPage.test.tsx.snap
@@ -9,7 +9,7 @@ Object {
         class="pf-v5-c-page__main-section pf-m-light"
       >
         <div
-          class="pf-v5-c-content pull-left"
+          class="pf-v5-c-content pull-left m-b-15"
         >
           <h1
             class=""
@@ -807,7 +807,7 @@ Object {
       class="pf-v5-c-page__main-section pf-m-light"
     >
       <div
-        class="pf-v5-c-content pull-left"
+        class="pf-v5-c-content pull-left m-b-15"
       >
         <h1
           class=""

diff --git a/src/index.css b/src/index.css
@@ -127,6 +127,10 @@ code {
   margin-bottom: 10px !important;
 }
 
+.m-b-15 {
+  margin-bottom: 15px !important;
+}
+
 .m-b-20 {
   margin-bottom: 20px !important;
 }