From 0e76bc7745bd0b23b06e143ae78f4973bf9b4c15 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Mon, 1 Apr 2024 09:31:29 +0200
Subject: [PATCH] bugfix design

---
 src/app/app.component.scss                      |  2 +-
 .../components/contacts/contacts.component.scss | 17 ++++++++++-------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 8606be0..34471f6 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -41,7 +41,7 @@ app-header {
 @media screen and (max-width: 910px) {
   .main-content {
     width: calc(100vw - 64px);
-    height: calc(100vh - 240px);
+    height: calc(100vh - 176px);
     padding: 32px;
   }
 
diff --git a/src/app/components/contacts/contacts.component.scss b/src/app/components/contacts/contacts.component.scss
index 32c34fc..e780bf5 100644
--- a/src/app/components/contacts/contacts.component.scss
+++ b/src/app/components/contacts/contacts.component.scss
@@ -143,25 +143,28 @@ section {
 
 @media screen and (max-width: 1150px) {
   .left-frame {
-    position: fixed;
-    top: 96px;
-    left: 232px;
+    position: absolute;
+    top: -64px;
+    left: -64px;
     width: calc(100vw - 232px);
-    min-height: calc(100vh - 207px);
   }
 }
 
 @media screen and (max-width: 910px) {
   .left-frame {
-    top: 96px;
-    left: 0px;
-    width: 100vw;
+    position: relative;
+    top: -32px;
+    left: -32px;
+    width: calc(100vw);
+    min-height: calc(100vh - 208px);
   }
 }
 
 @media screen and (max-width: 450px) {
   .left-frame {
     padding: 0;
+    left: -16px;
+    min-height: calc(100vh - 176px);
   }
 
   .btn {