From 423234acce35acd7768449eff54aa2607d3f3bb2 Mon Sep 17 00:00:00 2001
From: Reto Aebersold <aeby@substyle.ch>
Date: Thu, 14 Dec 2023 17:02:54 +0100
Subject: [PATCH] chore: make click area right

---
 .../pages/competence/CompetenceParentPage.vue | 25 +++++++++++++------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/client/src/pages/competence/CompetenceParentPage.vue b/client/src/pages/competence/CompetenceParentPage.vue
index f07cbde4..0b96ec43 100644
--- a/client/src/pages/competence/CompetenceParentPage.vue
+++ b/client/src/pages/competence/CompetenceParentPage.vue
@@ -37,35 +37,44 @@ onMounted(async () => {
     <nav class="border-b bg-white px-4 lg:px-8">
       <ul class="flex flex-col lg:flex-row">
         <li
-          class="inline-block border-t-2 border-t-transparent py-3"
+          class="border-t-2 border-t-transparent"
           :class="{ 'border-b-2 border-b-blue-900': routeInOverview() }"
         >
-          <router-link :to="`/course/${courseSlug}/competence`">
+          <router-link :to="`/course/${courseSlug}/competence`" class="block py-3">
             {{ $t("a.Übersicht") }}
           </router-link>
         </li>
         <li
-          class="inline-block border-t-2 border-t-transparent py-3 lg:ml-12"
+          class="border-t-2 border-t-transparent lg:ml-12"
           :class="{ 'border-b-2 border-b-blue-900': routeInCompetenceCertificate() }"
         >
-          <router-link :to="`/course/${courseSlug}/competence/certificates`">
+          <router-link
+            :to="`/course/${courseSlug}/competence/certificates`"
+            class="block py-3"
+          >
             {{ $t("a.Kompetenznachweise") }}
           </router-link>
         </li>
         <li
-          class="inline-block border-t-2 border-t-transparent py-3 lg:ml-12"
+          class="border-t-2 border-t-transparent lg:ml-12"
           :class="{ 'border-b-2 border-b-blue-900': routeInPerformanceCriteria() }"
         >
-          <router-link :to="`/course/${courseSlug}/competence/criteria`">
+          <router-link
+            :to="`/course/${courseSlug}/competence/criteria`"
+            class="block py-3"
+          >
             {{ $t("a.Selbsteinschätzungen") }}
           </router-link>
         </li>
 
         <li
-          class="inline-block border-t-2 border-t-transparent py-3 lg:ml-12"
+          class="border-t-2 border-t-transparent lg:ml-12"
           :class="{ 'border-b-2 border-b-blue-900': routeInActionCompetences() }"
         >
-          <router-link :to="`/course/${courseSlug}/competence/competences`">
+          <router-link
+            :to="`/course/${courseSlug}/competence/competences`"
+            class="block py-3"
+          >
             {{ $t("a.Handlungskompetenzen") }}
           </router-link>
         </li>