final commit

src/components/Sidebar/Sidebar.module.css

@@ -26,9 +26,9 @@
 
 .logoContainer {
     display: flex;
-    width: 200px;
-    height: 60px;
-    padding: 13px 20px 7px 20px;
+    width: 100%;
+    height: auto;
+    padding: 30px 20px 7px 20px;
     justify-content: center;
     align-items: center;
     flex-shrink: 0;

src/components/Sidebar/SidebarData.tsx

@@ -49,7 +49,7 @@ const useSidebarData = () => {
     },
     {
       id: '7',
-      name: 'Settings',
+      name: 'Einstellungen',
       link: '/einstellungen',
       icon: GoGear,
     },

src/pages/Dashboard.module.css

@@ -4,12 +4,16 @@
     flex-direction: column;
     gap: 20px;
     font-family: var(--font-family);
+    width: 98%;
+    max-height: calc(100vh - 100px);
+
 }
 
 .chatLogContainer {
     display: flex;
     gap: 20px;
     transition: all 0.3s ease;
+
 }
 
 .chatLogContainer.expanded {
@@ -27,15 +31,15 @@
 }
 
 .chatArea45vh {
-    height: 45vh;
-}
-
-.chatArea60vh {
     height: 60vh;
 }
 
+.chatArea60vh {
+    height: 85vh;
+}
+
 .logArea15vh {
-    height: 15vh;
+    height: 10vh;
 }
 
 .logArea25vh {
@@ -47,7 +51,7 @@
 }
 
 .logArea60vh {
-    height: 60vh;
+    height: 85vh;
 }
 
 .promptArea30vh {

src/pages/Dashboard.tsx

@@ -63,13 +63,13 @@ function Dashboard () {
 
     // Memoize style objects to prevent infinite re-renders
     const promptStyle = useMemo(() => ({
-        marginBottom: !isPromptAreaCollapsed ? "40px" : "0"
+        marginBottom: !isPromptAreaCollapsed ? "0px" : "0"
     }), [isPromptAreaCollapsed]);
 
     const chatStyle = useMemo(() => ({
         width: isChatExpanded ? "100%" : "calc(50% - 10px)",
         flex: isChatExpanded ? "none" : "1",
-        marginBottom: isChatExpanded ? "40px" : "0"
+        marginBottom: isChatExpanded ? "0px" : "0"
     }), [isChatExpanded]);
 
     const logStyle = useMemo(() => ({

src/pages/Einstellungen/Einstellungen.module.css

@@ -3,15 +3,17 @@
     display: flex;
     flex-direction: column;
     align-self: stretch;
+    justify-content: top;
     max-height: calc(100vh - 100px);
     overflow: hidden;
     font-family: var(--font-family);
+    width: 98%;
 }
 
 .contentWrapper {
     flex: 1;
     overflow-y: auto;
-    padding: 20px 0;
+    padding: 0px 0;
 }
 
 .settingsCard {
@@ -23,7 +25,7 @@
     background: var(--color-bg);
     position: relative;
     box-shadow: 0px 2px 6px 0px rgba(194, 194, 194, 0.10);
-    max-width: 800px;
+    width: 100%;
     margin: 0 auto;
     gap: 30px;
 }