From f4dead26c92e2ef6be45af0eb56d12bb3a00d983 Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Sat, 24 Sep 2022 22:20:18 -0600
Subject: lots of style updates after design review, bug fixes, and more
 improve

---
 src/routes/invoice/[id]/+page.svelte | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

(limited to 'src/routes/invoice')

diff --git a/src/routes/invoice/[id]/+page.svelte b/src/routes/invoice/[id]/+page.svelte
index 67cd8efa..d935affb 100644
--- a/src/routes/invoice/[id]/+page.svelte
+++ b/src/routes/invoice/[id]/+page.svelte
@@ -181,7 +181,8 @@
 						>
 						<button
 							class="hidden {showCustomAmount ? 'md:block' : ''}"
-							on:click={() => (showCustomAmount = false)}><Icon icon="close" /></button
+							on:click={() => (showCustomAmount = false)}
+							><Icon icon="close" style="hover:opacity-80" /></button
 						>
 					</div>
 					<h1 class="hidden md:block text-4xl font-semibold">{$t('invoice.addTipq')}</h1>
@@ -258,7 +259,7 @@
 				/>
 
 				<!-- invoice section -->
-				<div class="text-center space-y-5">
+				<div class="text-center space-y-5 max-w-[300px]">
 					<button
 						class="block md:hidden bg-black {showMobileTip
 							? 'text-white/50'
@@ -286,11 +287,13 @@
 					</button>
 
 					<!-- found missing translation --->
-					<span class="text-secondary block"
-						>Scan to pay <a href="/{username}" class="text-black font-semibold">{username}</a></span
+					<span class="text-secondary block text-2xl break-all"
+						>Scan to pay <a href="/{username}" class="text-black font-semibold hover:opacity-80"
+							>{username}</a
+						></span
 					>
 
-					<div class="border border-gray-200 rounded-2xl">
+					<div class="border border-gray-200 rounded-3xl">
 						<Qr {text} {image} disabled={showMobileTip} bind:qr />
 					</div>
 
-- 
cgit v1.2.3