From 7f41c08b8223ec3de88ab12789456b46cdef2e40 Mon Sep 17 00:00:00 2001
From: Elias Jansson <elias.jansson@gmail.com>
Date: Thu, 22 May 2025 22:24:32 +0200
Subject: [PATCH] CSS Fix view

---
 Aberwyn/Views/Meal/View.cshtml | 52 ++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)

diff --git a/Aberwyn/Views/Meal/View.cshtml b/Aberwyn/Views/Meal/View.cshtml
index 50cdb75..c20438e 100644
--- a/Aberwyn/Views/Meal/View.cshtml
+++ b/Aberwyn/Views/Meal/View.cshtml
@@ -336,4 +336,56 @@
         flex: 2 0 60%;
     }
 
+    @@media (max-width: 768px) {
+    .meal-container {
+        padding: 1rem;
+    }
+
+    .meal-header {
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+    }
+
+    .meal-meta {
+        width: 100%;
+    }
+
+    .meal-title {
+        font-size: 2rem;
+    }
+
+    .meal-image {
+        width: 100%;
+        max-width: 300px;
+        height: auto;
+    }
+
+    .form-control {
+        font-size: 1rem;
+    }
+
+    .ingredient-row {
+        flex-direction: column;
+    }
+
+    .ingredient-qty,
+    .ingredient-item {
+        flex: 1 0 auto;
+        width: 100%;
+    }
+
+    .btn,
+    .btn-outline {
+        width: 100%;
+        margin: 0.25rem 0;
+    }
+
+    .buttons {
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+}
+
 </style>