Layout fix

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");
 

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;

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