From 907075e31bdd5b0dc615a15f02bb21b05acb3ce7 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Sun, 28 Apr 2024 19:09:09 +0200
Subject: [PATCH] responsive

---
 .../login/footer/footer.component.scss        | 11 +++++----
 .../components/imprint/imprint.component.html |  2 +-
 .../components/imprint/imprint.component.scss |  8 +++++++
 .../components/imprint/imprint.component.ts   | 20 +++++++++++++---
 .../privacy-policy.component.html             |  2 +-
 .../privacy-policy.component.scss             |  8 +++++++
 .../privacy-policy.component.ts               | 24 +++++++++++++++----
 7 files changed, 60 insertions(+), 15 deletions(-)

diff --git a/src/app/components/login/footer/footer.component.scss b/src/app/components/login/footer/footer.component.scss
index 563a354..e52c016 100644
--- a/src/app/components/login/footer/footer.component.scss
+++ b/src/app/components/login/footer/footer.component.scss
@@ -5,7 +5,7 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  margin-bottom: 40px;
+  margin-bottom: 36px;
   a {
     text-align: center;
     font-size: 16px;
@@ -16,9 +16,10 @@
     width: 110px;
     height: 19px;
     text-decoration: none;
-  }
-  &:hover {
-    color: var(--light-blue);
-    font-weight: 600;
+    cursor: pointer;
+    &:hover {
+      color: var(--light-blue);
+      font-weight: 600;
+    }
   }
 }
diff --git a/src/app/shared/components/imprint/imprint.component.html b/src/app/shared/components/imprint/imprint.component.html
index 2e89ed6..1b459e1 100644
--- a/src/app/shared/components/imprint/imprint.component.html
+++ b/src/app/shared/components/imprint/imprint.component.html
@@ -1,4 +1,4 @@
-<section>
+<section [ngClass]="{ 'router-padding': this.isRouteLogin }">
   <div>
     <div class="header">
       <h1>{{ "imprint.headline" | translate }}</h1>
diff --git a/src/app/shared/components/imprint/imprint.component.scss b/src/app/shared/components/imprint/imprint.component.scss
index 408f027..e4347ac 100644
--- a/src/app/shared/components/imprint/imprint.component.scss
+++ b/src/app/shared/components/imprint/imprint.component.scss
@@ -4,6 +4,10 @@ section {
   white-space: normal;
 }
 
+.router-padding {
+  padding: 48px;
+}
+
 .header {
   display: flex;
   justify-content: space-between;
@@ -73,4 +77,8 @@ a {
   h2 {
     font-size: 27px;
   }
+
+  .router-padding {
+    padding: 24px;
+  }
 }
diff --git a/src/app/shared/components/imprint/imprint.component.ts b/src/app/shared/components/imprint/imprint.component.ts
index 7f8fba7..b2323e3 100644
--- a/src/app/shared/components/imprint/imprint.component.ts
+++ b/src/app/shared/components/imprint/imprint.component.ts
@@ -1,19 +1,33 @@
 import { Component } from '@angular/core';
-import { Location } from '@angular/common';
+import { CommonModule, Location } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
 import { BtnBackComponent } from '../buttons/btn-back/btn-back.component';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-imprint',
   standalone: true,
-  imports: [TranslateModule, BtnBackComponent],
+  imports: [TranslateModule, BtnBackComponent, CommonModule],
   templateUrl: './imprint.component.html',
   styleUrl: './imprint.component.scss',
 })
 export class ImprintComponent {
-  constructor(private location: Location) {}
+  isRouteLogin: boolean = false;
+
+  constructor(private location: Location, private router: Router) {}
+
+  ngOnInit(): void {
+    this.checkCurrentRoute();
+  }
 
   backClicked() {
     this.location.back();
   }
+
+  checkCurrentRoute(): void {
+    const currentUrl = this.router.url;
+    if (currentUrl === '/login/imprint') {
+      this.isRouteLogin = true;
+    }
+  }
 }
diff --git a/src/app/shared/components/privacy-policy/privacy-policy.component.html b/src/app/shared/components/privacy-policy/privacy-policy.component.html
index 593c431..b180418 100644
--- a/src/app/shared/components/privacy-policy/privacy-policy.component.html
+++ b/src/app/shared/components/privacy-policy/privacy-policy.component.html
@@ -1,4 +1,4 @@
-<section>
+<section [ngClass]="{ 'router-padding': this.isRouteLogin }">
   <div>
     <div class="header">
       <h1>{{ "privacy-policy.headline" | translate }}</h1>
diff --git a/src/app/shared/components/privacy-policy/privacy-policy.component.scss b/src/app/shared/components/privacy-policy/privacy-policy.component.scss
index 1061321..4e4d4e5 100644
--- a/src/app/shared/components/privacy-policy/privacy-policy.component.scss
+++ b/src/app/shared/components/privacy-policy/privacy-policy.component.scss
@@ -4,6 +4,10 @@ section {
   white-space: normal;
 }
 
+.router-padding {
+  padding: 48px;
+}
+
 .header {
   display: flex;
   justify-content: space-between;
@@ -79,4 +83,8 @@ a {
   h2 {
     font-size: 27px;
   }
+
+  .router-padding {
+    padding: 24px;
+  }
 }
diff --git a/src/app/shared/components/privacy-policy/privacy-policy.component.ts b/src/app/shared/components/privacy-policy/privacy-policy.component.ts
index 4427554..d01d8b4 100644
--- a/src/app/shared/components/privacy-policy/privacy-policy.component.ts
+++ b/src/app/shared/components/privacy-policy/privacy-policy.component.ts
@@ -1,19 +1,33 @@
-import { Component } from '@angular/core';
-import { Location } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { CommonModule, Location } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
 import { BtnBackComponent } from '../buttons/btn-back/btn-back.component';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-privacy-policy',
   standalone: true,
-  imports: [TranslateModule, BtnBackComponent],
+  imports: [TranslateModule, BtnBackComponent, CommonModule],
   templateUrl: './privacy-policy.component.html',
   styleUrl: './privacy-policy.component.scss',
 })
-export class PrivacyPolicyComponent {
-  constructor(private location: Location) {}
+export class PrivacyPolicyComponent implements OnInit {
+  isRouteLogin: boolean = false;
+
+  constructor(private location: Location, private router: Router) {}
+
+  ngOnInit(): void {
+    this.checkCurrentRoute();
+  }
 
   backClicked() {
     this.location.back();
   }
+
+  checkCurrentRoute(): void {
+    const currentUrl = this.router.url;
+    if (currentUrl === '/login/privacy-policy') {
+      this.isRouteLogin = true;
+    }
+  }
 }