From 95811ce3f85a3c1ce09006e33cf4498620cc4b75 Mon Sep 17 00:00:00 2001
From: Elias Jansson <elias.jansson@gmail.com>
Date: Mon, 7 Jul 2025 15:47:26 +0200
Subject: [PATCH] More css and button fixes

---
 Aberwyn/Views/Meal/View.cshtml | 22 +++++++++++++---------
 Aberwyn/wwwroot/css/meal.css   | 12 ++++++------
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/Aberwyn/Views/Meal/View.cshtml b/Aberwyn/Views/Meal/View.cshtml
index 190c5a9..afb87e5 100644
--- a/Aberwyn/Views/Meal/View.cshtml
+++ b/Aberwyn/Views/Meal/View.cshtml
@@ -30,7 +30,7 @@
         @if (isEditing)
         {
             <div style="margin-top: 0.5rem;">
-                <button type="button" class="btn-outline" onclick="openImageModal()">Byt bild</button>
+                <button type="button" class="btn-lewel-outline" onclick="openImageModal()">Byt bild</button>
             </div>
         }
 
@@ -101,8 +101,9 @@
                     <div style="margin-top: 0.5rem;">
                         <label for="bulkIngredients">Klistra in flera ingredienser</label>
                         <textarea id="bulkIngredients" placeholder="1 dl mjölk&#10;2 tsk socker" class="form-control" rows="3"></textarea>
-                        <button type="button" class="btn-outline" onclick="parseBulkIngredients()">Lägg till från lista</button>
-                        <button type="button" class="btn-outline" onclick="addIngredientRow()">+ Lägg till rad</button>
+                        <button type="button" class="btn-lewel-outline" onclick="parseBulkIngredients()">Lägg till från lista</button>
+                        <button type="button" class="btn-lewel-outline" onclick="addIngredientRow()">+ Lägg till rad</button>
+
                     </div>
                </div>
             </div>
@@ -113,9 +114,10 @@
                 </label>
             </div>
             <div class="buttons">
-                <button type="submit" class="btn">Spara</button>
-                <button type="submit" formaction="@Url.Action("DeleteMeal", new { id = Model.Id })" formmethod="post" onclick="return confirm('Vill du verkligen ta bort denna måltid?');" class="btn-outline">Ta bort</button>
-                <a href="@Url.Action("View", new { id = Model.Id, edit = false })" class="btn-outline">Avbryt</a>
+            <button type="submit" class="btn-lewel">Spara</button>
+            <button type="submit" formaction="@Url.Action("DeleteMeal", new { id = Model.Id })" formmethod="post" onclick="return confirm('Vill du verkligen ta bort denna måltid?');" class="btn-lewel-outline">Ta bort</button>
+            <a href="@Url.Action("View", new { id = Model.Id, edit = false })" class="btn-lewel-outline">Avbryt</a>
+
             </div>
         </form>
     }
@@ -149,14 +151,16 @@
             </div>
         }
 
-        <div class="buttons">
+        <div style="display: flex; gap: 0.5rem;">
             @if (isChef)
             {
-                <a class="btn-outline" href="@Url.Action("View", new { id = Model.Id, edit = true })">Redigera</a>
+                <a class="btn-lewel-outline slim" href="@Url.Action("View", new { id = Model.Id, edit = true })">Redigera</a>
             }
-            <button type="button" class="btn-outline" onclick="toggleRecipe()">Recept</button>
+            <button type="button" class="btn-lewel-outline slim" onclick="toggleRecipe()">Recept</button>
         </div>
 
+
+
         <div id="recipe-section" style="display:none; margin-top:1.5rem;">
             <h2>Så här gör du</h2>
             @if (!string.IsNullOrWhiteSpace(Model.Instructions))
diff --git a/Aberwyn/wwwroot/css/meal.css b/Aberwyn/wwwroot/css/meal.css
index 76a3d8c..adba8d6 100644
--- a/Aberwyn/wwwroot/css/meal.css
+++ b/Aberwyn/wwwroot/css/meal.css
@@ -27,11 +27,6 @@
     gap: 1.5rem;
     align-items: center;
 }
-@media (max-width: 769px) {
-    .meal-header {
-        flex-direction: column; /* <-- sätt till 'row' om du vill ha bild till höger på desktop */
-    }
-}
 
 .meal-meta {
     flex: 1;
@@ -136,7 +131,7 @@
     flex: 2 0 60%;
 }
 
-@@media (max-width: 768px) {
+@media (max-width: 768px) {
     .meal-container {
         padding: 1rem;
     }
@@ -202,3 +197,8 @@
     .fa-star.rated {
         color: #ffcc00;
     }
+
+.slim {
+    padding: 0.3rem 0.6rem;
+    font-size: 0.85rem;
+}