chore: css nits (#23330)

pnpm-lock.yaml

@@ -684,8 +684,8 @@ importers:
         specifier: file:../open-api/typescript-sdk
         version: link:../open-api/typescript-sdk
       '@immich/ui':
-        specifier: ^0.39.1
-        version: 0.39.1(@internationalized/date@3.8.2)(svelte@5.41.3)
+        specifier: ^0.40.2
+        version: 0.40.2(@internationalized/date@3.8.2)(svelte@5.41.3)
       '@mapbox/mapbox-gl-rtl-text':
         specifier: 0.2.3
         version: 0.2.3(mapbox-gl@1.13.3)
@@ -2776,8 +2776,13 @@ packages:
   '@immich/justified-layout-wasm@0.4.3':
     resolution: {integrity: sha512-fpcQ7zPhP3Cp1bEXhONVYSUeIANa2uzaQFGKufUZQo5FO7aFT77szTVChhlCy4XaVy5R4ZvgSkA/1TJmeORz7Q==}
 
-  '@immich/ui@0.39.1':
-    resolution: {integrity: sha512-sal9VyFcmLRHE+NJh122dnmjfwlPOeZCi3yIsDzuI5xNMEUtNJ8MlXRE7hgrKU3FOLmy2QLhcI+oEJchCT+Ibg==}
+  '@immich/svelte-markdown-preprocess@0.0.1':
+    resolution: {integrity: sha512-1vWoT4LO6fEyxrKwLKiNFECEkRVbuvpYPDvA7LavObTt2ijnonPYBDgfTwCPTofjxcocIGYUayv3CzgOzFiMOA==}
+    peerDependencies:
+      svelte: ^5.0.0
+
+  '@immich/ui@0.40.2':
+    resolution: {integrity: sha512-6NS4yVx0VoyH+AaM7TISDaoIzZe3RuDOi6xMkK2LrOPQbKwTuheD2iagxsRYzUtJ9IPrmCPrwRBc9Jq5BkvmBQ==}
     peerDependencies:
       svelte: ^5.0.0
 
@@ -14338,8 +14343,13 @@ snapshots:
 
   '@immich/justified-layout-wasm@0.4.3': {}
 
-  '@immich/ui@0.39.1(@internationalized/date@3.8.2)(svelte@5.41.3)':
+  '@immich/svelte-markdown-preprocess@0.0.1(svelte@5.41.3)':
+    dependencies:
+      svelte: 5.41.3
+
+  '@immich/ui@0.40.2(@internationalized/date@3.8.2)(svelte@5.41.3)':
     dependencies:
+      '@immich/svelte-markdown-preprocess': 0.0.1(svelte@5.41.3)
       '@mdi/js': 7.4.47
       bits-ui: 2.9.8(@internationalized/date@3.8.2)(svelte@5.41.3)
       luxon: 3.7.2

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}`);
             },