From 26a2370194c9b3c27ceed000231abb2e126f9989 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simen=20Heggest=C3=B8yl?=
 <simen.heggestoyl@origo.oslo.kommune.no>
Date: Wed, 16 Aug 2023 14:43:38 +0200
Subject: [PATCH] Always display chevrons in objective links

Display chevrons in objective links in the timeline view pane when
multiple objectives are selected as well.
---
 src/components/ObjectiveRow.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/ObjectiveRow.vue b/src/components/ObjectiveRow.vue
index c92273f5c..91196e53d 100644
--- a/src/components/ObjectiveRow.vue
+++ b/src/components/ObjectiveRow.vue
@@ -5,8 +5,9 @@
     :class="['objective', { 'objective--compact': compact }]"
     @click="isLink ? () => {} : $emit('click', $event)"
   >
-    <h3 class="pkt-txt-18-medium mb-size-8">
+    <h3 class="objective__title pkt-txt-18-medium mb-size-8">
       {{ objective.name }}
+      <pkt-icon v-if="isLink" class="pkt-link__icon" name="chevron-right" />
     </h3>
 
     <p v-if="!compact && objective.description" class="mb-size-8">
@@ -80,6 +81,12 @@ export default {
     color: var(--color-hover);
   }
 
+  &__title {
+    display: flex;
+    gap: 0.25rem;
+    align-items: center;
+  }
+
   &__progress {
     display: flex;
     gap: 0.75rem;