From 17b466ea295bee844acd6e72887f68ecd140963a Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Tue, 30 Jul 2024 11:06:14 +0200
Subject: [PATCH] Fix layout of topics when there is enough space

---
 .../learningPath/learningPathPage/LearningPathPathTopic.vue     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue b/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue
index ef3baaad..dbcbded5 100644
--- a/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue
@@ -27,7 +27,7 @@ const filteredCircles = computed(() => {
 </script>
 
 <template>
-  <div class="border-l border-gray-500" :class="topicIndex == 0 ? 'ml-6 sm:ml-12' : ''">
+  <div class="basis-40 border-l border-gray-500 first:ml-6 first:sm:ml-12">
     <p
       :id="`topic-${topic.slug}`"
       class="inline-block h-12 self-start px-4 font-bold text-gray-800"