Fix scoll bar

PointOfSale/Pos.Web/Components/Pages/Sale/Sale.razor.css

@@ -193,10 +193,19 @@ h2 {
 
 .sale-controls {
     position: relative;
-    overflow-y: auto;
+    display: grid;
+    grid-template-rows: minmax(0, 1fr) auto auto;
+    overflow-y: hidden;
     overflow-x: hidden;
 }
 
+.selection-panel {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    overflow: hidden;
+}
+
 .selection-panel,
 .manual-product,
 .payment-panel {
@@ -234,7 +243,9 @@ input {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 9px 14px;
-    max-height: 275px;
+    flex: 1;
+    min-height: 0;
+    max-height: none;
     overflow-y: auto;
     padding-right: 8px;
 }
@@ -390,7 +401,12 @@ output {
 }
 
 .sale-message {
-    margin: 14px 24px;
+    position: absolute;
+    right: 24px;
+    bottom: 76px;
+    left: 24px;
+    z-index: 2;
+    margin: 0;
     padding: 10px 14px;
     border-radius: 5px;
 }
@@ -417,6 +433,15 @@ output {
         border-right: 0;
         border-bottom: 1px solid var(--colorNeutralStroke2);
     }
+
+    .sale-controls {
+        display: block;
+        overflow: visible;
+    }
+
+    .product-groups {
+        max-height: 275px;
+    }
 }
 
 /* Tablet i liggende format, f.eks. 1280 x 800. */
@@ -468,7 +493,7 @@ output {
 
     .product-groups {
         gap: 7px 10px;
-        max-height: 235px;
+        max-height: none;
     }
 
     .product-group-button {