From a96fa20ac0fdf171f1b89aaeb0caf9dce4004ad9 Mon Sep 17 00:00:00 2001
From: jose-rZM <100773386+jose-rZM@users.noreply.github.com>
Date: Mon, 15 Dec 2025 13:25:08 +0100
Subject: [PATCH] Change alternative

---
 frontend/src/App.svelte     | 6 +++---
 frontend/src/styles/app.css | 4 +++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 61d9e54..95b844d 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -228,9 +228,9 @@
                                     <li>{alternativeItem}</li>
                                 {/each}
                             </ul>
-                            <span class="chip subtle"
-                                >Mira si te estás planteando esto, mejor quédate sin comer</span
-                            >
+                            <p class="tiny">
+                                Mira, si te estás planteando esto, mejor quédate sin comer.
+                            </p>
                         </aside>
                     {/if}
                 </div>
diff --git a/frontend/src/styles/app.css b/frontend/src/styles/app.css
index 05e6169..4512e09 100644
--- a/frontend/src/styles/app.css
+++ b/frontend/src/styles/app.css
@@ -235,10 +235,12 @@ button.outline {
 }
 
 .menu-alternative {
+    max-height: fit-content;
+    align-self: flex-start;
     border-radius: 14px;
     padding: 1rem 1.1rem;
     border: 1px dashed rgba(234, 179, 8, 0.45);
-    background: linear-gradient(160deg, rgba(234, 179, 8, 0.1), rgba(234, 179, 8, 0.02));
+    background: linear-gradient(160deg, rgba(234, 179, 8, 0.08), rgba(234, 179, 8, 0.015));
     box-shadow:
         inset 0 0 0 1px rgba(255, 255, 255, 0.03),
         0 16px 32px rgba(0, 0, 0, 0.22);