From d5947e1c2be148088b98b5155ea21a3337feb8ea Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Mon, 14 Aug 2023 19:20:21 +0200
Subject: [PATCH] Make table rows clickable with hover styling

---
 web/src/routes/(user)/albums/+page.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/routes/(user)/albums/+page.svelte b/web/src/routes/(user)/albums/+page.svelte
index c8042c35..8a6701d5 100644
--- a/web/src/routes/(user)/albums/+page.svelte
+++ b/web/src/routes/(user)/albums/+page.svelte
@@ -162,7 +162,8 @@
       >
         {#each $albums as album (album.id)}
             <tr
-              class="flex h-[50px] w-full place-items-center text-center odd:bg-immich-gray even:bg-immich-bg odd:dark:bg-immich-dark-gray/75 even:dark:bg-immich-dark-gray/50"
+              class="flex h-[50px] w-full place-items-center text-center odd:bg-immich-gray even:bg-immich-bg odd:dark:bg-immich-dark-gray/75 even:dark:bg-immich-dark-gray/50 border-[3px] border-transparent p-5 hover:cursor-pointer hover:border-immich-primary/75 dark:hover:border-immich-dark-primary/75"
+              on:click={() => goto(`albums/${album.id}`)}
             >
               <td class="w-1/4 text-ellipsis px-2 text-md">{album.albumName}</td>
               <td class="w-1/4 text-ellipsis px-2 text-md">