From bf850198f758659f9489002342d33de1b3024491 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Mon, 11 Jul 2022 15:36:13 +0200
Subject: [PATCH] Display list items correctly in text blocks

Resolves MS-486
---
 client/src/components/content-blocks/TextBlock.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/src/components/content-blocks/TextBlock.vue b/client/src/components/content-blocks/TextBlock.vue
index 21caa05e..b758ddef 100644
--- a/client/src/components/content-blocks/TextBlock.vue
+++ b/client/src/components/content-blocks/TextBlock.vue
@@ -21,10 +21,18 @@
 </script>
 
 <style scoped lang="scss">
-  @import "~styles/_variables.scss";
+  @import "~styles/helpers";
 
   .text-block {
     margin-bottom: $medium-spacing; // if calc is not supported
     margin-bottom: calc(#{$large-spacing} - 0.25rem); // to offset the 1.5 line height, which leaves a padding
+
+    /deep/ ul {
+      @include list-parent;
+    }
+
+    /deep/ li {
+      @include list-child;
+    }
   }
 </style>