From 3af35ccaf1c9bde02fad794ad4a047971602d131 Mon Sep 17 00:00:00 2001
From: Patrick Wieth <patrick.wieth@googlemail.com>
Date: Wed, 30 Oct 2024 12:49:01 +0100
Subject: [PATCH 1/3] add Card URL button to cardview modal, so that you can
 easily get the link to the card directly

---
 src/components/modals/CardviewModal.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/modals/CardviewModal.vue b/src/components/modals/CardviewModal.vue
index 809ca4f4..48e65ea3 100644
--- a/src/components/modals/CardviewModal.vue
+++ b/src/components/modals/CardviewModal.vue
@@ -62,6 +62,13 @@
     <div
       class="flex flex-col lg:flex-row justify-center lg:justify-end space-y-6 lg:space-x-6 lg:space-y-0"
     >
+      <router-link :to="{ path: '/cardview/' + props.id }">
+        <BaseCCButton
+          :type="Color.RED"
+        >
+          Card URL
+        </BaseCCButton>
+      </router-link>
       <BaseCCButton
         v-if="isArtist"
         :type="Color.RED"

From 3c5f11333c0da2d34d249c96da01c0d8d879a230 Mon Sep 17 00:00:00 2001
From: Patrick Wieth <patrick.wieth@googlemail.com>
Date: Wed, 30 Oct 2024 14:07:43 +0100
Subject: [PATCH 2/3] fix unaccessable content on cardview modal when the
 screen is not wide (mobile)

---
 src/components/modals/ModalFrame.vue | 2 +-
 src/views/AdvancedCardViewPage.vue   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/modals/ModalFrame.vue b/src/components/modals/ModalFrame.vue
index 2b888eb6..608ab894 100644
--- a/src/components/modals/ModalFrame.vue
+++ b/src/components/modals/ModalFrame.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="fixed top-0 flex h-[100vh] w-full bg-black/50">
+  <div class="fixed top-0 flex h-[100vh] w-full bg-black/50 overflow-scroll">
     <ModalInner
       :class="['p-10', 'z-100', 'm-auto'].concat(props.class)"
       :heading="heading"
diff --git a/src/views/AdvancedCardViewPage.vue b/src/views/AdvancedCardViewPage.vue
index e6a90a6c..a48f7bb8 100644
--- a/src/views/AdvancedCardViewPage.vue
+++ b/src/views/AdvancedCardViewPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-black text-white flex lg:h-[80vh] p-16 lg:p-8" />
+  <div class="h-screen bg-black text-white flex lg:h-[80vh] p-16 lg:p-8" />
   <CardviewModal
     :id="state.id"
     @close="$router.back()"

From c80b27abe7e46379f0e001bca60af9c0d8912d13 Mon Sep 17 00:00:00 2001
From: Patrick Wieth <patrick.wieth@googlemail.com>
Date: Wed, 30 Oct 2024 14:27:10 +0100
Subject: [PATCH 3/3] only show keywords on cardviewmodal when there are
 keywords, remove always empty keyword[0] entry

---
 src/components/elements/KeywordComponent.vue | 8 ++++++--
 src/components/modals/CardviewModal.vue      | 4 ----
 src/views/AdvancedCardViewPage.vue           | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/elements/KeywordComponent.vue b/src/components/elements/KeywordComponent.vue
index f3c7fd50..d40cf7c7 100644
--- a/src/components/elements/KeywordComponent.vue
+++ b/src/components/elements/KeywordComponent.vue
@@ -1,12 +1,16 @@
 <template>
-  <div>
+  <div v-if="state.keywordDescriptions.length > 1">
+    <p 
+      class="font-bold text-2xl">
+      Used Keywords
+    </p>
+    <br>
     <div
       v-for="(keyword, index) in state.keywordDescriptions"
       :key="index"
       class="Keywords"
     >
       <p class="font-bold">
-        {{ keyword[0] }}
       </p>
       <p>{{ keyword[1] }}</p>
     </div>
diff --git a/src/components/modals/CardviewModal.vue b/src/components/modals/CardviewModal.vue
index 48e65ea3..5af0a185 100644
--- a/src/components/modals/CardviewModal.vue
+++ b/src/components/modals/CardviewModal.vue
@@ -52,10 +52,6 @@
         <br>
       </div>
       <div>
-        <p class="font-bold text-2xl">
-          Used Keywords
-        </p>
-        <br>
         <KeywordComponent :card="state.card" />
       </div>
     </div>
diff --git a/src/views/AdvancedCardViewPage.vue b/src/views/AdvancedCardViewPage.vue
index a48f7bb8..dfccc6e6 100644
--- a/src/views/AdvancedCardViewPage.vue
+++ b/src/views/AdvancedCardViewPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="h-screen bg-black text-white flex lg:h-[80vh] p-16 lg:p-8" />
+  <div class="h-screen bg-black text-white flex lg:h-[80vh] p-16 lg:p-8"/>
   <CardviewModal
     :id="state.id"
     @close="$router.back()"