applying indent to containing div instead of list item (#686)

nasa-jpl · Nov 5, 2024 · 44e41cc · 44e41cc
1 parent 48301ba
commit 44e41cc
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/vue/src/templates/edu/PageEduLesson/PageEduLessonSection.vue b/packages/vue/src/templates/edu/PageEduLesson/PageEduLessonSection.vue
@@ -135,8 +135,11 @@ const { heading, blocks, image, procedures, text } = reactive(props)
       }
     }
     ol.PageEduProcedureSectionSingleStep {
-      @apply list-none indent-7 pr-4 xl:indent-0.5 xl:pr-0.5;
+      @apply list-none pl-7;
       text-wrap: pretty;
+      @screen lg {
+        @apply pl-0;
+      }
       > li {
         @apply relative w-full;
         counter-increment: step;