From 53b4a5e97da596756bc356038beaded5b5e978f0 Mon Sep 17 00:00:00 2001
From: Elias Jansson <elias.jansson@gmail.com>
Date: Sun, 28 Sep 2025 08:13:33 +0200
Subject: [PATCH] Veckomeny fixes

---
 Aberwyn/Views/FoodMenu/Veckomeny.cshtml | 11 +++++
 Aberwyn/Views/Report/Budget.cshtml      |  2 +-
 Aberwyn/wwwroot/css/Veckomeny.css       | 64 ++++++++++++++++++++++++-
 3 files changed, 75 insertions(+), 2 deletions(-)

diff --git a/Aberwyn/Views/FoodMenu/Veckomeny.cshtml b/Aberwyn/Views/FoodMenu/Veckomeny.cshtml
index a939a4e..26ae3a7 100644
--- a/Aberwyn/Views/FoodMenu/Veckomeny.cshtml
+++ b/Aberwyn/Views/FoodMenu/Veckomeny.cshtml
@@ -123,7 +123,18 @@
                     }
                     </tbody>
                 </table>
+                <div class="form-actions">
+                    <button type="submit" class="save-menu-btn">
+                        Spara
+                    </button>
+                </div>
             </form>
+            <datalist id="meals-list">
+                @foreach (var meal in (ViewBag.AvailableMeals as List<Aberwyn.Models.Meal>) ?? new List<Aberwyn.Models.Meal>())
+                {
+                    <option value="@meal.Name.Trim()"></option>
+                }
+            </datalist>
         </section>
 
         <!-- Wishlist -->
diff --git a/Aberwyn/Views/Report/Budget.cshtml b/Aberwyn/Views/Report/Budget.cshtml
index c717f8f..5b83c14 100644
--- a/Aberwyn/Views/Report/Budget.cshtml
+++ b/Aberwyn/Views/Report/Budget.cshtml
@@ -180,7 +180,7 @@
             </div>
             <div class="budget-sheet-cell net" ng-if="showTotals">
                 {{ getYearTotal(yearData.months, 'net') | number:0 }}
-            </div>
+            </div>ö
 
             <div class="budget-extra-columns">
                 <div class="budget-sheet-cell other"
diff --git a/Aberwyn/wwwroot/css/Veckomeny.css b/Aberwyn/wwwroot/css/Veckomeny.css
index 1947723..a3c4930 100644
--- a/Aberwyn/wwwroot/css/Veckomeny.css
+++ b/Aberwyn/wwwroot/css/Veckomeny.css
@@ -324,4 +324,66 @@
     width: 100%;
     min-width: 600px; /* säkerställer scroll om skärm <600px */
     border-collapse: collapse;
-}
\ No newline at end of file
+}
+/* Mobilanpassning */
+@media (max-width: 768px) {
+    .menu-wishlist-wrapper {
+        flex-direction: column;
+        gap: 1rem;
+    }
+
+    .weekly-editor {
+        flex: 1;
+        min-width: auto; /* låt den krympa */
+    }
+
+    .wishlist {
+        position: static; /* ta bort sticky på mobil */
+        width: 100%;
+    }
+
+    .wishlist-actions {
+        flex-direction: column;
+        align-items: stretch;
+    }
+
+        .wishlist-actions .btn {
+            justify-content: center;
+        }
+
+    /* Gör tabeller scrollbara på små skärmar */
+    table {
+        display: block;
+        overflow-x: auto;
+        white-space: nowrap;
+    }
+
+    th, td {
+        font-size: 0.8rem;
+        padding: 6px;
+    }
+
+    .day-cell button {
+        font-size: 0.9rem;
+    }
+
+    /* Gör senaste 4 veckor till ett kort på mobil */
+    .recent-history-fullwidth {
+        background: var(--surface);
+        border-radius: 12px;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+        padding: 1rem;
+        margin-top: 1rem;
+        overflow-x: auto; /* egen scroll */
+    }
+
+        .recent-history-fullwidth table {
+            min-width: 500px; /* så att den triggar scroll */
+            font-size: 0.8rem;
+        }
+
+        .recent-history-fullwidth h2 {
+            font-size: 1rem;
+            margin-bottom: 0.5rem;
+        }
+}