From 0d7ccc2b26120f2617b5fc994b577d9bb44e2aef Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Fri, 4 Nov 2022 09:42:24 -0500
Subject: [PATCH] chore(web): Modified styling for add to album panel (#924)

---
 .../asset-viewer/album-selection-modal.svelte          | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/asset-viewer/album-selection-modal.svelte b/web/src/lib/components/asset-viewer/album-selection-modal.svelte
index 86f5effb1f..9be06b4530 100644
--- a/web/src/lib/components/asset-viewer/album-selection-modal.svelte
+++ b/web/src/lib/components/asset-viewer/album-selection-modal.svelte
@@ -45,7 +45,7 @@
 		</span>
 	</svelte:fragment>
 
-	<div class=" max-h-[400px] overflow-y-auto immich-scrollbar">
+	<div class=" max-h-[400px] overflow-y-auto immich-scrollba pb-10">
 		<div class="flex flex-col mb-2">
 			{#if loading}
 				{#each { length: 3 } as _}
@@ -73,14 +73,18 @@
 					</p>
 				</button>
 				{#if albums.length > 0}
-					<p class="text-sm font-medium px-5 py-1">RECENT</p>
+					{#if !shared}
+						<p class="text-xs px-5 py-3">RECENT</p>
+					{/if}
 					{#each recentAlbums as album}
 						{#key album.id}
 							<AlbumListItem variant="simple" {album} on:album={() => handleSelect(album)} />
 						{/key}
 					{/each}
 
-					<p class="text-sm font-medium px-5 py-1">ALL ALBUMS</p>
+					{#if !shared}
+						<p class="text-xs px-5 py-3">ALL ALBUMS</p>
+					{/if}
 					{#each albums as album}
 						{#key album.id}
 							<AlbumListItem {album} on:album={() => handleSelect(album)} />