From 205375ff704a53dc46a0a5fb5c322a16f25de05e Mon Sep 17 00:00:00 2001
From: Frede H <22748698+fhdk@users.noreply.github.com>
Date: Sun, 12 Oct 2025 14:34:04 +0200
Subject: [PATCH 1/5] Update iso-card.vue

https://forum.manjaro.org/t/buttons-hidden-under-more-only-work-when-clicking-on-their-centre-label/182186/5?u=linux-aarhus
---
 components/iso-card.vue | 25 +++++++------------------
 1 file changed, 7 insertions(+), 18 deletions(-)

diff --git a/components/iso-card.vue b/components/iso-card.vue
index 867e15a..09fa9a8 100644
--- a/components/iso-card.vue
+++ b/components/iso-card.vue
@@ -67,29 +67,18 @@
             </div>
           </div>
           <div class="grid grid-cols-2 gap-4">
-            <button class="btn btn-secondary">
-              <NuxtLink :href="getDetailEntry('torrent')">
+            <NuxtLink class="btn btn-secondary w-100" :href="getDetailEntry('torrent')">
                 Torrent
-              </NuxtLink>
-            </button>
-            <button class="btn btn-primary">
-              <NuxtLink :href="getDetailEntry('image')">
+            </NuxtLink>
+            <NuxtLink class="btn btn-primary w-100" :href="getDetailEntry('image')">
                 Image
-              </NuxtLink>
-            </button>
-            <button
-              v-if="getDetailEntry('signature')"
-              class="btn btn-accent"
-            >
-              <NuxtLink :href="getDetailEntry('signature')">
+            </NuxtLink>
+            <NuxtLink v-if="getDetailEntry('signature')" class="btn btn-accent" :href="getDetailEntry('signature')">
                 Signature
-              </NuxtLink>
-            </button>
-            <button class="btn btn-info">
-              <NuxtLink :href="getDetailEntry('checksum')">
+            </NuxtLink>
+            <NuxtLink class="btn btn-info" :href="getDetailEntry('checksum')">
                 Checksum
               </NuxtLink>
-            </button>
           </div>
           <div class="flex justify-center tracking-tight text-sm gap-2 items-center">
             <div class="text-gray-500 dark:text-gray-600">

From 678339dcdb814b23583837d58eb72408a474ede5 Mon Sep 17 00:00:00 2001
From: Frede H <22748698+fhdk@users.noreply.github.com>
Date: Sun, 12 Oct 2025 14:47:15 +0200
Subject: [PATCH 2/5] Update iso-card.vue

indentation
---
 components/iso-card.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/iso-card.vue b/components/iso-card.vue
index 09fa9a8..2ea9b47 100644
--- a/components/iso-card.vue
+++ b/components/iso-card.vue
@@ -68,17 +68,17 @@
           </div>
           <div class="grid grid-cols-2 gap-4">
             <NuxtLink class="btn btn-secondary w-100" :href="getDetailEntry('torrent')">
-                Torrent
+              Torrent
             </NuxtLink>
             <NuxtLink class="btn btn-primary w-100" :href="getDetailEntry('image')">
-                Image
+              Image
             </NuxtLink>
             <NuxtLink v-if="getDetailEntry('signature')" class="btn btn-accent" :href="getDetailEntry('signature')">
-                Signature
+              Signature
             </NuxtLink>
             <NuxtLink class="btn btn-info" :href="getDetailEntry('checksum')">
-                Checksum
-              </NuxtLink>
+              Checksum
+            </NuxtLink>
           </div>
           <div class="flex justify-center tracking-tight text-sm gap-2 items-center">
             <div class="text-gray-500 dark:text-gray-600">

From cca932846990427a1186baaf01940364783b3359 Mon Sep 17 00:00:00 2001
From: Frede H <22748698+fhdk@users.noreply.github.com>
Date: Sun, 12 Oct 2025 14:49:01 +0200
Subject: [PATCH 3/5] Update iso-card.vue

forgot w-100
---
 components/iso-card.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/iso-card.vue b/components/iso-card.vue
index 2ea9b47..84c0b1e 100644
--- a/components/iso-card.vue
+++ b/components/iso-card.vue
@@ -73,10 +73,10 @@
             <NuxtLink class="btn btn-primary w-100" :href="getDetailEntry('image')">
               Image
             </NuxtLink>
-            <NuxtLink v-if="getDetailEntry('signature')" class="btn btn-accent" :href="getDetailEntry('signature')">
+            <NuxtLink v-if="getDetailEntry('signature')" class="btn btn-accent w-100" :href="getDetailEntry('signature')">
               Signature
             </NuxtLink>
-            <NuxtLink class="btn btn-info" :href="getDetailEntry('checksum')">
+            <NuxtLink class="btn btn-info w-100" :href="getDetailEntry('checksum')">
               Checksum
             </NuxtLink>
           </div>

From c1102ca4ac7936aaf1f70a3ec28b4bcff74824bd Mon Sep 17 00:00:00 2001
From: Frede H <22748698+fhdk@users.noreply.github.com>
Date: Sun, 12 Oct 2025 15:01:07 +0200
Subject: [PATCH 4/5] Update iso-card.vue

indentation and properties on separate lines
---
 components/iso-card.vue | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/components/iso-card.vue b/components/iso-card.vue
index 84c0b1e..d0b6afc 100644
--- a/components/iso-card.vue
+++ b/components/iso-card.vue
@@ -67,16 +67,29 @@
             </div>
           </div>
           <div class="grid grid-cols-2 gap-4">
-            <NuxtLink class="btn btn-secondary w-100" :href="getDetailEntry('torrent')">
+            <NuxtLink
+              class="btn btn-secondary w-100"
+              :href="getDetailEntry('torrent')"
+            >
               Torrent
             </NuxtLink>
-            <NuxtLink class="btn btn-primary w-100" :href="getDetailEntry('image')">
+            <NuxtLink
+              class="btn btn-primary w-100"
+              :href="getDetailEntry('image')"
+            >
               Image
             </NuxtLink>
-            <NuxtLink v-if="getDetailEntry('signature')" class="btn btn-accent w-100" :href="getDetailEntry('signature')">
+            <NuxtLink
+              v-if="getDetailEntry('signature')"
+              class="btn btn-accent w-100"
+              :href="getDetailEntry('signature')"
+            >
               Signature
             </NuxtLink>
-            <NuxtLink class="btn btn-info w-100" :href="getDetailEntry('checksum')">
+            <NuxtLink
+              class="btn btn-info w-100"
+              :href="getDetailEntry('checksum')"
+            >
               Checksum
             </NuxtLink>
           </div>

From 087654c894d79d62a766b8b344e10d1fc9936549 Mon Sep 17 00:00:00 2001
From: Frede H <fh@manjaro.org>
Date: Sun, 12 Oct 2025 15:21:22 +0200
Subject: [PATCH 5/5] [FIX] Combine button and a element into one a element.

This will make the button accept a click anywhere inside the button.
---
 components/iso-card.vue | 44 +++++++++++++++++++++--------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/components/iso-card.vue b/components/iso-card.vue
index 867e15a..d0b6afc 100644
--- a/components/iso-card.vue
+++ b/components/iso-card.vue
@@ -67,29 +67,31 @@
             </div>
           </div>
           <div class="grid grid-cols-2 gap-4">
-            <button class="btn btn-secondary">
-              <NuxtLink :href="getDetailEntry('torrent')">
-                Torrent
-              </NuxtLink>
-            </button>
-            <button class="btn btn-primary">
-              <NuxtLink :href="getDetailEntry('image')">
-                Image
-              </NuxtLink>
-            </button>
-            <button
+            <NuxtLink
+              class="btn btn-secondary w-100"
+              :href="getDetailEntry('torrent')"
+            >
+              Torrent
+            </NuxtLink>
+            <NuxtLink
+              class="btn btn-primary w-100"
+              :href="getDetailEntry('image')"
+            >
+              Image
+            </NuxtLink>
+            <NuxtLink
               v-if="getDetailEntry('signature')"
-              class="btn btn-accent"
+              class="btn btn-accent w-100"
+              :href="getDetailEntry('signature')"
             >
-              <NuxtLink :href="getDetailEntry('signature')">
-                Signature
-              </NuxtLink>
-            </button>
-            <button class="btn btn-info">
-              <NuxtLink :href="getDetailEntry('checksum')">
-                Checksum
-              </NuxtLink>
-            </button>
+              Signature
+            </NuxtLink>
+            <NuxtLink
+              class="btn btn-info w-100"
+              :href="getDetailEntry('checksum')"
+            >
+              Checksum
+            </NuxtLink>
           </div>
           <div class="flex justify-center tracking-tight text-sm gap-2 items-center">
             <div class="text-gray-500 dark:text-gray-600">