From f71be26ae46d443de8ead90795e9517a8044756e Mon Sep 17 00:00:00 2001
From: Elias Jansson <elias.jansson@gmail.com>
Date: Thu, 12 Jun 2025 13:23:58 +0200
Subject: [PATCH] Layout fix

---
 Aberwyn/Views/Shared/_Layout.cshtml |  5 +++--
 Aberwyn/wwwroot/css/Welcome.css     |  4 +++-
 Aberwyn/wwwroot/css/site.css        | 13 +++++++++----
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/Aberwyn/Views/Shared/_Layout.cshtml b/Aberwyn/Views/Shared/_Layout.cshtml
index 9ca3990..a6d5878 100644
--- a/Aberwyn/Views/Shared/_Layout.cshtml
+++ b/Aberwyn/Views/Shared/_Layout.cshtml
@@ -50,7 +50,7 @@
     @if (User.IsInRole("Chef"))
     {
         <li class="dropdown">
-            <button class="dropdown-toggle" type="button">
+            <button class="dropdown-toggle" type="button" tabindex="0">
                 <i class="fas fa-list"></i> Kök <i class="fas fa-caret-down"></i>
             </button>
             <ul class="dropdown-menu">
@@ -63,7 +63,7 @@
     @if (User.IsInRole("Admin"))
     {
         <li class="dropdown">
-            <button class="dropdown-toggle" type="button">
+            <button class="dropdown-toggle" type="button" tabindex="0">
                 <i class="fas fa-cog"></i> Admin <i class="fas fa-caret-down"></i>
             </button>
             <ul class="dropdown-menu">
@@ -95,6 +95,7 @@ document.addEventListener("DOMContentLoaded", () => {
         const menu = dropdown.querySelector(".dropdown-menu");
 
         toggle.addEventListener("click", e => {
+            e.preventDefault();
             e.stopPropagation();
             const isOpen = dropdown.classList.contains("open");
 
diff --git a/Aberwyn/wwwroot/css/Welcome.css b/Aberwyn/wwwroot/css/Welcome.css
index 7d9f3dc..468bb4a 100644
--- a/Aberwyn/wwwroot/css/Welcome.css
+++ b/Aberwyn/wwwroot/css/Welcome.css
@@ -8,7 +8,9 @@
     background: linear-gradient(to bottom right, #f9fafb, #e2e8f0);
     animation: fadeIn 0.6s ease-in;
 }
-
+*, *::before, *::after {
+    box-sizing: border-box;
+}
 @keyframes fadeIn {
     from {
         opacity: 0;
diff --git a/Aberwyn/wwwroot/css/site.css b/Aberwyn/wwwroot/css/site.css
index 5315aba..a1f9926 100644
--- a/Aberwyn/wwwroot/css/site.css
+++ b/Aberwyn/wwwroot/css/site.css
@@ -163,8 +163,9 @@ body {
 
 .main-panel {
     flex: 1;
-    background-color: #ffffff;
+    background: linear-gradient(to bottom right, #f9fafb, #e2e8f0);
     border-radius: 0 0 10px 10px;
+    overflow: hidden;
     padding: 0px;
     box-shadow: 0 4px 12px rgba(0,0,0,0.15);
     display: flex;
@@ -222,7 +223,7 @@ body {
     */
 
 .main-nav {
-    position: fixed;
+    position: sticky;
     top: 54px;
     left: 0;
     right: 0;
@@ -240,7 +241,7 @@ body {
 
 @media (min-width: 769px) {
     .main-nav {
-        position: fixed;
+        position: sticky;
         top: 54px;
         left: 0;
         right: 0;
@@ -248,7 +249,7 @@ body {
     }
 
     .main-panel {
-        margin-top: 24px; /* justera beroende på hur hög nav-baren är */
+        margin-top: 0px; /* justera beroende på hur hög nav-baren är */
     }
 }
 
@@ -320,6 +321,8 @@ body {
     border-radius: 4px;
     transition: background-color 0.2s;
     height: 100%; /* viktigt för vertikal alignment */
+    user-select: none;
+    touch-action: manipulation;
 }
 
     .dropdown-toggle:hover {
@@ -341,6 +344,8 @@ body {
     z-index: 3000;
     padding: 4px 0;
     font-size: 14px;
+    max-width: 90vw;
+    overflow-wrap: break-word;
 }