chore: css nits (#23330)

web/package.json

@@ -28,7 +28,7 @@
     "@formatjs/icu-messageformat-parser": "^2.9.8",
     "@immich/justified-layout-wasm": "^0.4.3",
     "@immich/sdk": "file:../open-api/typescript-sdk",
-    "@immich/ui": "^0.39.1",
+    "@immich/ui": "^0.40.2",
     "@mapbox/mapbox-gl-rtl-text": "0.2.3",
     "@mdi/js": "^7.4.47",
     "@photo-sphere-viewer/core": "^5.11.5",

web/src/lib/components/ToastAction.svelte

@@ -25,7 +25,7 @@
 <ToastContainer {color}>
   <ToastContent {color} {title} {description} {onClose} {icon}>
     {#if button}
-      <div class="flex justify-end gap-2 px-2 pb-2">
+      <div class="flex justify-end gap-2 px-2 pb-2 me-3 mt-2">
         <Button color={button.color ?? 'secondary'} size="small" onclick={onClick}>{button.text}</Button>
       </div>
     {/if}

web/src/lib/components/album-page/albums-list.svelte

@@ -312,6 +312,7 @@
         description: $t('album_info_updated'),
         button: {
           text: $t('view_album'),
+          color: 'primary',
           onClick() {
             return goto(resolve(`${AppRoute.ALBUMS}/${album.id}`));
           },

web/src/lib/utils/asset-utils.ts

@@ -69,10 +69,11 @@ export const addAssetsToAlbum = async (albumId: string, assetIds: string[], show
         component: ToastAction,
         props: {
           title: $t('info'),
-          color: 'info',
+          color: 'primary',
           description,
           button: {
             text: $t('view_album'),
+            color: 'primary',
             onClick() {
               return goto(`${AppRoute.ALBUMS}/${albumId}`);
             },