From fe0e9a45ceb7061199348dec6c43a68344e1f20c Mon Sep 17 00:00:00 2001
From: Amalie <amalisso@stud.ntnu.no>
Date: Thu, 15 Oct 2026 15:16:52 +0200
Subject: [PATCH] =?UTF-8?q?Steg=20->=20Fremgangsm=C3=A5te.=20Se=20oppskrif?=
 =?UTF-8?q?t=20knapp=20p=C3=A5=20slideshow=20er=20gjort=20mindre=20(#110)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/recipe/RecipeDetail.tsx       | 2 +-
 client/src/components/slideshow/RecipeSlideshow.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/recipe/RecipeDetail.tsx b/client/src/components/recipe/RecipeDetail.tsx
index 3b72b0c..4f6f4ab 100644
--- a/client/src/components/recipe/RecipeDetail.tsx
+++ b/client/src/components/recipe/RecipeDetail.tsx
@@ -91,7 +91,7 @@ export function RecipeDetail({ recipe }: RecipeDetailProps) {
                 </ul>
             </section>
             <section className="border border-olive bg-background rounded-lg p-4">
-                <h2 className="text-2xl font-semibold">Steg</h2>
+                <h2 className="text-2xl font-semibold">Fremgangsmåte</h2>
                 <ol className="flex flex-col gap-3">
                     {recipe.steps.map((step) => (
                         <li key={step.id}>
diff --git a/client/src/components/slideshow/RecipeSlideshow.tsx b/client/src/components/slideshow/RecipeSlideshow.tsx
index 893ef40..14d0b9a 100644
--- a/client/src/components/slideshow/RecipeSlideshow.tsx
+++ b/client/src/components/slideshow/RecipeSlideshow.tsx
@@ -88,7 +88,7 @@ export function RecipeSlideshow({ recipes }: RecipeSlideshowProps) {
                                             </li>
                                         ))}
                                     </ul>
-                                    <Link to={`/recipes/${recipe.id}`} className="self-start rounded-full bg-olive-dark text-background px-6 py-3 hover:opacity-90 flex items-center gap-1">Se oppskrift<ArrowForwardIcon/></Link>
+                                    <Link to={`/recipes/${recipe.id}`} className="self-start rounded-full bg-olive-dark text-background px-4 py-2 text-sm md:text-base md:px-6 md:py-3 hover:opacity-90 flex items-center gap-1">Se oppskrift<ArrowForwardIcon/></Link>
                                 </div>
                                 {/* Tomt alternativ for bildet, ettersom tittelen allerede står rett ved siden av bildet. */}
                                 <img className="bg-olive-dark/10 order-first md:order-0 w-full h-80 md:h-full object-cover rounded-lg " src={recipe.imageUrl ?? '/images/placeholder.webp'} alt=""/>