From dfbc831525cf7114634fd5073fc3b3773117ec47 Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Sat, 28 Jan 2023 21:10:05 -0600
Subject: [PATCH] fix(web) long album name break styling for shared album card
 (#1473)

---
 .../components/sharing-page/shared-album-list-tile.svelte | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/sharing-page/shared-album-list-tile.svelte b/web/src/lib/components/sharing-page/shared-album-list-tile.svelte
index fdcaddd3fe..971eaa9827 100644
--- a/web/src/lib/components/sharing-page/shared-album-list-tile.svelte
+++ b/web/src/lib/components/sharing-page/shared-album-list-tile.svelte
@@ -26,7 +26,7 @@
 </script>
 
 <div
-	class="flex min-w-[550px] border-b border-gray-300 dark:border-immich-dark-gray place-items-center py-4  gap-6 transition-all hover:border-immich-primary dark:hover:border-immich-dark-primary"
+	class="grid grid-cols-[75px_1fr] w-[550px] border-b border-gray-300 dark:border-immich-dark-gray place-items-center py-4  gap-6 transition-all hover:border-immich-primary dark:hover:border-immich-dark-primary"
 >
 	<div>
 		{#await loadImageData(album.albumThumbnailAssetId)}
@@ -46,8 +46,10 @@
 		{/await}
 	</div>
 
-	<div>
-		<p class="font-medium text-gray-800 dark:text-immich-dark-primary">{album.albumName}</p>
+	<div class="justify-self-start">
+		<p class="font-medium text-gray-800 dark:text-immich-dark-primary">
+			{album.albumName}
+		</p>
 
 		{#await getAlbumOwnerInfo() then albumOwner}
 			{#if user.email == albumOwner.email}