From 89f8c01960a72e70ae5da8a76fc6b0336e8bda1c Mon Sep 17 00:00:00 2001
From: phoebus-84 <ennio@dyne.org>
Date: Thu, 8 Feb 2024 17:37:05 +0100
Subject: [PATCH] fix: credential detail updated

---
 src/routes/+layout.svelte                      | 3 ++-
 src/routes/[id]/credential-detail/+page.svelte | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2edc81a..fcf2d56 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { setupIonicBase } from 'ionic-svelte';
+	import '@didroom/components/dist/didroom-components/didroom-components.css';
 
 	setupIonicBase();
 
@@ -12,7 +13,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
 	<script
 		type="module"
-		src="https://cdn.jsdelivr.net/npm/@didroom/components@latest/dist/didroom-components/didroom-components.esm.js"
+		src="https://cdn.jsdelivr.net/npm/@didroom/components@1.8/dist/didroom-components/didroom-components.esm.js"
 	></script>
 	<link
 		rel="stylesheet"
diff --git a/src/routes/[id]/credential-detail/+page.svelte b/src/routes/[id]/credential-detail/+page.svelte
index d74ffbb..8c59746 100644
--- a/src/routes/[id]/credential-detail/+page.svelte
+++ b/src/routes/[id]/credential-detail/+page.svelte
@@ -17,7 +17,9 @@
 </ion-header>
 <ion-content fullscreen class="ion-padding">
 	<d-credential-card {...credential} expiration-date="2017-01-01" verified="false"> </d-credential-card>
-	<div class="fixed w-full bottom-0 left-0 bg-tab">
-		<d-credential-detail {...credential} description={credential.expand.templates[0].name} href={`/${credential.id}/verify/`} />
+	<div class="bg-tab fixed bottom-0 left-0 w-full">
+		<d-credential-detail {...credential} description={credential.expand.templates[0].name}>
+			<d-button color="accent" href={`/${credential.id}/verify/`}>Generate QR</d-button>
+		</d-credential-detail>
 	</div>
 </ion-content>