fixing margin on list items in student project page

nasa-jpl · Sep 20, 2024 · 69a8191 · 69a8191
1 parent f0a1ad5
commit 69a8191
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/packages/vue/src/components/BlockText/BlockText.stories.js b/packages/vue/src/components/BlockText/BlockText.stories.js
diff --git a/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.stories.js b/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.stories.js
@@ -144,6 +144,7 @@ export const BaseStory = {
           content: [
             BlockImageData,
             ...BlockStreamfieldMinimalData.body,
+            BlockRichTableData,
             BlockInlineImageData.block,
             {
               blockType: 'RichTextBlock',

diff --git a/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProjectSection.vue b/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProjectSection.vue
@@ -199,12 +199,15 @@ const { heading, blocks, image, steps, stepsNumbering, text } = reactive(props)
     }
   }
   .PageEduStudentProjectStep__fullWidth {
-    .LayoutHelper > div > .BlockText:not(.BlockRichTable.BlockText) p {
-      @screen lg {
-        @apply mr-[10rem];
-      }
-      @screen xl {
-        @apply mr-[14rem];
+    .LayoutHelper > div > .BlockText {
+      p,
+      li {
+        @screen lg {
+          @apply mr-[10rem];
+        }
+        @screen xl {
+          @apply mr-[14rem];
+        }
       }
     }
   }