Change font for solutions

Relates to MS-938

client/src/components/content-blocks/CmsDocumentBlock.vue

@@ -16,9 +16,7 @@
 <script>
 import { defineAsyncComponent } from 'vue';
 
-const DocumentIcon = defineAsyncComponent(() =>
+const DocumentIcon = defineAsyncComponent(() => import('@/components/icons/DocumentIcon.vue'));
-  import('@/components/icons/DocumentIcon.vue')
-);
 
 export default {
   props: {
@@ -57,14 +55,6 @@ export default {
 
   &--solution {
     margin-bottom: $small-spacing;
-
-    #{$parent}__link {
-      color: $color-silver-dark;
-    }
-
-    #{$parent}__icon {
-      fill: $color-silver-dark;
-    }
   }
 }
 </style>

client/src/components/content-blocks/Solution.vue

@@ -82,8 +82,10 @@ export default {
 
   &__text {
     font-size: toRem(18px);
+    @include regular-text;
 
     :deep(p) {
+      @include regular-text;
       font-size: toRem(18px);
     }
 
@@ -91,6 +93,7 @@ export default {
       padding-left: $medium-spacing;
 
       > li {
+        @include regular-text;
         list-style: disc outside none;
       }
     }

client/src/components/content-blocks/assignment/Assignment.vue

@@ -427,6 +427,7 @@ const spellcheck = () => {
   }
 
   &__main-text {
+    margin-bottom: $medium-spacing;
     :deep(ul) {
       @include list-parent;
     }