From 82b899649db098593dbc1aa75af3d1932ffa19b1 Mon Sep 17 00:00:00 2001
From: Ben McCann <322311+benmccann@users.noreply.github.com>
Date: Tue, 30 Jul 2024 21:05:08 -0700
Subject: [PATCH] fix: make HTML valid (#11465)

---
 .../components/album-page/albums-table.svelte | 41 +++++++++----------
 1 file changed, 19 insertions(+), 22 deletions(-)

diff --git a/web/src/lib/components/album-page/albums-table.svelte b/web/src/lib/components/album-page/albums-table.svelte
index 30164ef6aec61..d9ffe8595bf11 100644
--- a/web/src/lib/components/album-page/albums-table.svelte
+++ b/web/src/lib/components/album-page/albums-table.svelte
@@ -41,30 +41,27 @@
     {#each groupedAlbums as albumGroup (albumGroup.id)}
       {@const isCollapsed = isAlbumGroupCollapsed($albumViewSettings, albumGroup.id)}
       {@const iconRotation = isCollapsed ? 'rotate-0' : 'rotate-90'}
-      <button
-        type="button"
-        on:click={() => toggleAlbumGroupCollapsing(albumGroup.id)}
-        class="flex w-full mt-4 rounded-md"
-        aria-expanded={!isCollapsed}
+      <tbody
+        class="block w-full overflow-y-auto rounded-md border dark:border-immich-dark-gray dark:text-immich-dark-fg"
       >
-        <tbody
-          class="block w-full overflow-y-auto rounded-md border dark:border-immich-dark-gray dark:text-immich-dark-fg"
+        <tr
+          class="flex w-full place-items-center p-2 md:pl-5 md:pr-5 md:pt-3 md:pb-3"
+          on:click={() => toggleAlbumGroupCollapsing(albumGroup.id)}
+          aria-expanded={!isCollapsed}
         >
-          <tr class="flex w-full place-items-center p-2 md:pl-5 md:pr-5 md:pt-3 md:pb-3">
-            <td class="text-md text-left -mb-1">
-              <Icon
-                path={mdiChevronRight}
-                size="20"
-                class="inline-block -mt-2 transition-all duration-[250ms] {iconRotation}"
-              />
-              <span class="font-bold text-2xl">{albumGroup.name}</span>
-              <span class="ml-1.5">
-                ({$t('albums_count', { values: { count: albumGroup.albums.length } })})
-              </span>
-            </td>
-          </tr>
-        </tbody>
-      </button>
+          <td class="text-md text-left -mb-1">
+            <Icon
+              path={mdiChevronRight}
+              size="20"
+              class="inline-block -mt-2 transition-all duration-[250ms] {iconRotation}"
+            />
+            <span class="font-bold text-2xl">{albumGroup.name}</span>
+            <span class="ml-1.5">
+              ({$t('albums_count', { values: { count: albumGroup.albums.length } })})
+            </span>
+          </td>
+        </tr>
+      </tbody>
       {#if !isCollapsed}
         <tbody
           class="block w-full overflow-y-auto rounded-md border dark:border-immich-dark-gray dark:text-immich-dark-fg mt-4"