From 3f8bc3ab0efff82ee9a27eca1929ffd8eeaeed49 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Sat, 10 Aug 2024 08:05:36 +0200
Subject: [PATCH] bugfix design & update header logo

---
 .../imprint/imprint.component.html            | 11 ++++++----
 .../imprint/imprint.component.scss            | 22 ++++++++++++++++++-
 .../privacy-policy.component.html             | 11 ++++++----
 .../privacy-policy.component.scss             | 22 ++++++++++++++++++-
 4 files changed, 56 insertions(+), 10 deletions(-)

diff --git a/frontend/src/app/shared/components/legal-information/imprint/imprint.component.html b/frontend/src/app/shared/components/legal-information/imprint/imprint.component.html
index 2f79b22..c55e7c1 100644
--- a/frontend/src/app/shared/components/legal-information/imprint/imprint.component.html
+++ b/frontend/src/app/shared/components/legal-information/imprint/imprint.component.html
@@ -1,12 +1,15 @@
 <section>
-  <div class="header">
-    <div class="logo">
-      <img src="./../../../../../assets/img/logo_full.svg" alt="Logo" />
+  <header>
+    <div class="logo-full" routerLink="/">
+      <img src="./../../../../assets/img/logo_full.svg" alt="" />
+    </div>
+    <div class="logo-mobile" routerLink="/">
+      <img src="./../../../../assets/img/logo_ci.svg" alt="" />
     </div>
     <div class="back-button" (click)="backClicked()">
       <img src="./../../../../assets/img/back.svg" alt="Back" />
     </div>
-  </div>
+  </header>
   <div class="content">
     <div class="headline">
       <h1>Legal Notice (Imprint)</h1>
diff --git a/frontend/src/app/shared/components/legal-information/imprint/imprint.component.scss b/frontend/src/app/shared/components/legal-information/imprint/imprint.component.scss
index 9dd2634..6b181b8 100644
--- a/frontend/src/app/shared/components/legal-information/imprint/imprint.component.scss
+++ b/frontend/src/app/shared/components/legal-information/imprint/imprint.component.scss
@@ -10,7 +10,7 @@ section {
   background-color: $black;
 }
 
-.header {
+header {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -19,6 +19,10 @@ section {
   width: calc(100% - 192px);
 }
 
+.logo-mobile {
+  display: none;
+}
+
 .back-button {
   cursor: pointer;
   background: none;
@@ -38,6 +42,7 @@ section {
 .content {
   text-align: center;
   max-width: 1024px;
+  padding: 24px;
 }
 
 .headline {
@@ -85,6 +90,21 @@ a {
   }
 }
 
+@media screen and (max-width: 700px) {
+  header {
+    padding: 10px 24px;
+    width: calc(100% - 48px);
+  }
+
+  .logo-full {
+    display: none;
+  }
+
+  .logo-mobile {
+    display: block;
+  }
+}
+
 @media screen and (max-width: 500px) {
   h1 {
     font-size: 34px;
diff --git a/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.html b/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.html
index 6c71040..43b1b81 100644
--- a/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.html
+++ b/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.html
@@ -1,12 +1,15 @@
 <section>
-  <div class="header">
-    <div class="logo">
-      <img src="./../../../../../assets/img/logo_full.svg" alt="Logo" />
+  <header>
+    <div class="logo-full" routerLink="/">
+      <img src="./../../../../assets/img/logo_full.svg" alt="" />
+    </div>
+    <div class="logo-mobile" routerLink="/">
+      <img src="./../../../../assets/img/logo_ci.svg" alt="" />
     </div>
     <div class="back-button" (click)="backClicked()">
       <img src="./../../../../assets/img/back.svg" alt="Back" />
     </div>
-  </div>
+  </header>
   <div class="content">
     <div class="headline">
       <h1>Privacy Policy</h1>
diff --git a/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.scss b/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.scss
index 6b255cc..8dc860d 100644
--- a/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.scss
+++ b/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.scss
@@ -10,7 +10,7 @@ section {
   background-color: $black;
 }
 
-.header {
+header {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -19,6 +19,10 @@ section {
   width: calc(100% - 192px);
 }
 
+.logo-mobile {
+  display: none;
+}
+
 .back-button {
   cursor: pointer;
   background: none;
@@ -37,6 +41,7 @@ section {
 
 .content {
   max-width: 1024px;
+  padding: 24px;
 }
 
 .headline {
@@ -92,6 +97,21 @@ a {
   }
 }
 
+@media screen and (max-width: 700px) {
+  header {
+    padding: 10px 24px;
+    width: calc(100% - 48px);
+  }
+
+  .logo-full {
+    display: none;
+  }
+
+  .logo-mobile {
+    display: block;
+  }
+}
+
 @media screen and (max-width: 500px) {
   h1 {
     font-size: 34px;