Fix rendering of measurement descriptions

oslokommune · Sep 20, 2023 · 6174745 · 6174745
1 parent 66a2fdb
commit 6174745
Showing 1 changed file with 10 additions and 5 deletions.
diff --git 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>