From a941bfe92b0c96d98ca5a046f81166e15fcfb004 Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Fri, 16 Sep 2022 12:11:17 -0600
Subject: wrap pagination buttons and add hover

---
 src/routes/[username]/transactions/[...page]/+page.svelte | 4 ++--
 src/routes/invoice/[id]/+page.svelte                      | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/routes/[username]/transactions/[...page]/+page.svelte b/src/routes/[username]/transactions/[...page]/+page.svelte
index 8e91a010..f7c39f8e 100644
--- a/src/routes/[username]/transactions/[...page]/+page.svelte
+++ b/src/routes/[username]/transactions/[...page]/+page.svelte
@@ -23,11 +23,11 @@
 	</h1>
 
 	<div class="container w-full mx-auto flex px-10 lg:px-40 mb-8 text-right">
-		<div class="ml-auto flex">
+		<div class="ml-auto flex flex-wrap">
 			{#if pages.length > 1}
 				{#each pages as _, i}
 					<a href={`/${user.username}/transactions/${i + 1}`} class:active={page === i + 1}>
-						<div class="border p-4 px-6 border-r-0 last:border-r">
+						<div class="border py-4 px-6 border-r-0 last:border-r hover:bg-primary">
 							{i + 1}
 						</div>
 					</a>
diff --git a/src/routes/invoice/[id]/+page.svelte b/src/routes/invoice/[id]/+page.svelte
index 35bd06bb..2b2def13 100644
--- a/src/routes/invoice/[id]/+page.svelte
+++ b/src/routes/invoice/[id]/+page.svelte
@@ -266,10 +266,10 @@
 					</div>
 
 					<div>
-						<button class="border border-lightgrey rounded-md p-2 mx-2" on:click={toggleFullscreen}
+						<button class="border border-lightgrey rounded-md p-2 mx-2 hover:bg-primary" on:click={toggleFullscreen}
 							><Icon icon="expand" /></button
 						>
-						<button class="border border-lightgrey rounded-md p-2 mx-2" on:click={() => copy(text)}
+						<button class="border border-lightgrey rounded-md p-2 mx-2 hover:bg-primary" on:click={() => copy(text)}
 							><Icon icon="copy" /></button
 						>
 					</div>
-- 
cgit v1.2.3