From 47761c11c05a06e0d88879207332cec7c3f57220 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Tue, 5 Feb 2019 18:51:41 +0100
Subject: [PATCH] Update rendering of solutions

---
 client/src/components/content-blocks/Solution.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/src/components/content-blocks/Solution.vue b/client/src/components/content-blocks/Solution.vue
index a81a04d7..425e3d03 100644
--- a/client/src/components/content-blocks/Solution.vue
+++ b/client/src/components/content-blocks/Solution.vue
@@ -5,8 +5,7 @@
       <template v-else>ausblenden</template>
     </a>
     <transition name="fade">
-      <p class="solution__text fade" data-cy="solution-text" v-if="visible">
-        {{value.text}}
+      <p class="solution__text fade" data-cy="solution-text" v-if="visible" v-html="value.text">
       </p>
     </transition>
   </div>
@@ -52,6 +51,11 @@
     &__text {
       font-size: toRem(18px);
       color: $color-grey;
+
+      /deep/ p {
+        font-size: toRem(18px);
+        color: $color-grey;
+      }
     }
   }