Fix Markdown rendering in descriptions

Fix Markdown rendering of descriptions on objective, key result, and
measurement detail pages.

CHANGELOG.md

@@ -14,6 +14,11 @@ All notable changes to this project will be documented in this file. The format
 - New key results are now given a start value of 0, a target value of 100, and
   percentage as unit of measurement by default.
 
+### Fixed
+
+- Fixed Markdown rendering of descriptions on objective, key result, and
+  measurement detail pages.
+
 ### Security
 
 - More security headers are now set: `Content-Security-Policy`,

src/components/KpiDetails.vue

@@ -15,7 +15,7 @@
 
     <HTML-output
       v-if="kpi.description"
-      class="mb-size-32 pkt-txt-16-light"
+      class="mb-size-32 pkt-txt-16-light md"
       :html="kpi.description"
     />
 

src/views/Item/ItemAbout.vue

@@ -14,12 +14,12 @@
     </header>
 
     <section>
-      <HTML-output class="pkt-txt-24-light" :html="activeItem.missionStatement" />
+      <HTML-output class="pkt-txt-24-light md" :html="activeItem.missionStatement" />
     </section>
 
     <section v-if="activeItem.targetAudience">
       <h2 class="pkt-txt-30">{{ $t('dashboard.targetAudience') }}</h2>
-      <HTML-output class="pkt-txt-18" :html="activeItem.targetAudience" />
+      <HTML-output class="pkt-txt-18 md" :html="activeItem.targetAudience" />
     </section>
 
     <section v-if="children">
@@ -30,7 +30,7 @@
         class="item-info__box item-info__box--link"
       >
         <h3 class="pkt-txt-24">{{ child.name }}</h3>
-        <HTML-output class="pkt-txt-18" :html="child.missionStatement" />
+        <HTML-output class="pkt-txt-18 md" :html="child.missionStatement" />
       </div>
     </section>
 

src/views/KeyResultHome.vue

@@ -18,6 +18,7 @@
         </div>
         <HTML-output
           v-if="activeKeyResult.description"
+          class="md"
           :html="activeKeyResult.description"
         />
       </header>

src/views/ObjectiveHome.vue

@@ -22,6 +22,7 @@
         <div class="objective__description">
           <HTML-output
             v-if="activeObjective.description"
+            class="md"
             :html="activeObjective.description"
           />
           <div