From 5b65ceda93c318b4337a51b4e118402c107a5d59 Mon Sep 17 00:00:00 2001
From: Simon Lam <simon-lam@users.noreply.github.com>
Date: Sat, 29 Nov 2025 10:13:26 -0600
Subject: [PATCH] fix: Asset type selector dropdown #6413; asset entry layout;
 asset download content disposition (#6595)

Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
---
 .../components/Domain/Recipe/RecipeAssets.vue | 19 ++++++++++---------
 mealie/routes/media/media_recipe.py           |  2 +-
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/frontend/components/Domain/Recipe/RecipeAssets.vue b/frontend/components/Domain/Recipe/RecipeAssets.vue
index 745c74aa9..d7536a35f 100644
--- a/frontend/components/Domain/Recipe/RecipeAssets.vue
+++ b/frontend/components/Domain/Recipe/RecipeAssets.vue
@@ -28,11 +28,12 @@
           <v-list-item-title class="pl-2">
             {{ item.name }}
           </v-list-item-title>
-          <v-list-item-action>
+          <template #append>
             <v-btn
               v-if="!edit"
               color="primary"
               icon
+              size="small"
               :href="assetURL(item.fileName ?? '')"
               target="_blank"
               top
@@ -43,6 +44,7 @@
               <v-btn
                 color="error"
                 icon
+                size="small"
                 top
                 @click="model.splice(i, 1)"
               >
@@ -53,7 +55,7 @@
                 :copy-text="assetEmbed(item.fileName ?? '')"
               />
             </div>
-          </v-list-item-action>
+          </template>
         </v-list-item>
       </v-list>
     </v-card>
@@ -90,13 +92,12 @@
               item-value="name"
               class="mr-2"
             >
-              <template #item="{ item }">
-                <v-avatar>
-                  <v-icon class="mr-auto">
-                    {{ item.raw.icon }}
-                  </v-icon>
-                </v-avatar>
-                {{ item.title }}
+              <template #item="{ item, props }">
+                <v-list-item v-bind="props">
+                  <template #prepend>
+                    <v-icon>{{ item.raw.icon }}</v-icon>
+                  </template>
+                </v-list-item>
               </template>
             </v-select>
             <AppButtonUpload
diff --git a/mealie/routes/media/media_recipe.py b/mealie/routes/media/media_recipe.py
index 12f8d12b2..d3e312f75 100644
--- a/mealie/routes/media/media_recipe.py
+++ b/mealie/routes/media/media_recipe.py
@@ -54,6 +54,6 @@ async def get_recipe_asset(recipe_id: UUID4, file_name: str):
     file = Recipe.directory_from_id(recipe_id).joinpath("assets", file_name)
 
     try:
-        return FileResponse(file)
+        return FileResponse(file, content_disposition_type="attachment", filename=file_name)
     except Exception as e:
         raise HTTPException(status.HTTP_404_NOT_FOUND) from e