Steg -> Fremgangsmåte. Se oppskrift knapp på slideshow er gjort mindre (#110)

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}>

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=""/>