From 3db87b2ab9a9e743645f4cba33b618fb5884c5c5 Mon Sep 17 00:00:00 2001
From: Jonas <60574217+Jodekq@users.noreply.github.com>
Date: Fri, 16 Feb 2024 18:30:15 +0100
Subject: [PATCH] Commit

Small fixxes
---
 src/client/fridge/_styles/index.scss | 36 +++++++++++++++++++++-------
 src/client/saveplates/_src/index.ts  |  1 +
 2 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/client/fridge/_styles/index.scss b/src/client/fridge/_styles/index.scss
index 6153875..d396d77 100644
--- a/src/client/fridge/_styles/index.scss
+++ b/src/client/fridge/_styles/index.scss
@@ -264,6 +264,8 @@
     .fridge-nav {
         width: 15%;
         min-width: 107px;
+        max-width: 150px;
+        height: fit-content;
 
         padding: var(--small-gap);
 
@@ -294,13 +296,10 @@
 
             gap: 3px;
 
-            @media (max-width: 845px) {
-                font-size: 14px;
-            }
-            @media (max-width: 745px) {
+            @media (max-width: 1050px) {
                 font-size: 12px;
             }
-            @media (max-width: 645px) {
+            @media (max-width: 915px) {
                 font-size: 10px;
             }
 
@@ -310,9 +309,13 @@
         }
 
         .add-item-wrapper {
-            margin-top: var(--big-gap);
+            margin: var(--gap) 0;
             display: flex;
             justify-content: center;
+
+            @media (max-width: 1050px) {
+                font-size: 12px;
+            }
         }
 
         .selected {
@@ -345,7 +348,7 @@
         flex-direction: column;
         width: 100%; 
 
-        padding-top: var(--gap);
+        padding: var(--gap);
         padding-bottom: 150px;
 
         gap: var(--gap);
@@ -356,7 +359,7 @@
 
         .fridge-content-container {
             height: fit-content;
-            width: 90%;
+            width: 100%;
 
             display: flex;
             flex-direction: column;
@@ -384,6 +387,23 @@
                 .bx {
                     font-size: 22px;
                 }
+
+                @media (max-width: 1050px) {
+                    
+                    .bx {
+                        font-size: 16px;
+                    }
+
+                    .material-symbols-rounded {
+                        font-size: 18px;
+                    }
+                }
+
+                h5 {
+                    @media (max-width: 1050px) {
+                        font-size: 14px;
+                    }
+                }
             }
 
             .fridge-content {
diff --git a/src/client/saveplates/_src/index.ts b/src/client/saveplates/_src/index.ts
index 0f38886..59b64ee 100644
--- a/src/client/saveplates/_src/index.ts
+++ b/src/client/saveplates/_src/index.ts
@@ -15,6 +15,7 @@ changeGridButton?.addEventListener("click", () => {
     
     items.forEach((element: HTMLElement) => {
       element.style.maxWidth = "225px"
+      element.style.width = "fit-content";
     });
 });