From 5f3a018207529de89bdcac95f904ae3815f242e8 Mon Sep 17 00:00:00 2001
From: Daniel Egger <daniel.egger@gmail.com>
Date: Tue, 11 Oct 2022 15:15:45 +0200
Subject: [PATCH] Some fixes in media library

---
 .../pages/mediaLibrary/MLCategoryDetailPage.vue  |  2 +-
 client/src/pages/mediaLibrary/MLParentPage.vue   | 16 +++++++++++++---
 client/tailwind.css                              |  3 ++-
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/mediaLibrary/MLCategoryDetailPage.vue b/client/src/pages/mediaLibrary/MLCategoryDetailPage.vue
index fab21cb8..c81a822c 100644
--- a/client/src/pages/mediaLibrary/MLCategoryDetailPage.vue
+++ b/client/src/pages/mediaLibrary/MLCategoryDetailPage.vue
@@ -74,7 +74,7 @@ const hasMoreItemsForType = (itemType: string, items: object[]) => {
           <div class="lg:w-6/12">
             <h3 class="font-normal text-large text-gray-900 mb-3">Handlungsfeld</h3>
             <h1 class="mb-4 lg:mb-8">{{ mediaCategory.title }}</h1>
-            <p class="text-xl">{{ mediaCategory.introduction_text }}</p>
+            <p class="text-large">{{ mediaCategory.introduction_text }}</p>
           </div>
           <div>
             <img
diff --git a/client/src/pages/mediaLibrary/MLParentPage.vue b/client/src/pages/mediaLibrary/MLParentPage.vue
index bf9e4719..b0c06712 100644
--- a/client/src/pages/mediaLibrary/MLParentPage.vue
+++ b/client/src/pages/mediaLibrary/MLParentPage.vue
@@ -25,9 +25,19 @@ onMounted(async () => {
 <template>
   <div class="bg-gray-200">
     <nav class="px-6 py-4 border-b border-gray-500 bg-white">
-      <ul class="flex text-xl flex-col lg:flex-row">
-        <li>Übersicht</li>
-        <li class="lg:ml-12">Handlungsfelder</li>
+      <ul v-if="mediaLibraryStore.mediaLibraryPage" class="flex flex-col lg:flex-row">
+        <li>
+          <router-link :to="mediaLibraryStore.mediaLibraryPage.frontend_url">
+            Übersicht
+          </router-link>
+        </li>
+        <li class="lg:ml-12">
+          <router-link
+            :to="`${mediaLibraryStore.mediaLibraryPage.frontend_url}/category`"
+          >
+            Handlungsfelder
+          </router-link>
+        </li>
         <li class="lg:ml-12">Allgemeines zu Versicherungen</li>
         <li class="lg:ml-12">Lernmedien</li>
         <li class="lg:ml-12">
diff --git a/client/tailwind.css b/client/tailwind.css
index 2b9b963e..cc0d853b 100644
--- a/client/tailwind.css
+++ b/client/tailwind.css
@@ -68,7 +68,8 @@ svg {
   }
 
   .filter-blue-900 {
-    filter: invert(9%) sepia(38%) saturate(5684%) hue-rotate(200deg) brightness(95%) contrast(105%);
+    filter: invert(9%) sepia(38%) saturate(5684%) hue-rotate(200deg) brightness(95%)
+      contrast(105%);
   }
 }