From 6174745833ec99e7e4266adf68456c0784cd0622 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simen=20Heggest=C3=B8yl?=
 <simen.heggestoyl@origo.oslo.kommune.no>
Date: Tue, 19 Sep 2023 14:28:42 +0200
Subject: [PATCH] Fix rendering of measurement descriptions

---
 src/components/KpiDetails.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/KpiDetails.vue b/src/components/KpiDetails.vue
index ee6e4be6d..660c0027f 100644
--- a/src/components/KpiDetails.vue
+++ b/src/components/KpiDetails.vue
@@ -13,13 +13,14 @@
           {{ $t('kpi.newValue') }}
         </pkt-button>
       </div>
-      <HTML-output
-        v-if="kpi.description"
-        class="pkt-txt-14-light"
-        :html="kpi.description"
-      />
     </header>
 
+    <HTML-output
+      v-if="kpi.description"
+      class="kpi-details__description pkt-txt-14-light"
+      :html="kpi.description"
+    />
+
     <widget-kpi-progress-graph :kpi="kpi" :progress="progress" :goals="goals" />
 
     <widget-kpi-progress-stats :kpi="kpi" :progress="progress" :goals="goals" />
@@ -186,4 +187,8 @@ export default {
     }
   }
 }
+
+.kpi-details__description {
+  margin-bottom: 1.5rem;
+}
 </style>