From ae7436ef2c1e548c773be7372b2d3aca77c4cb0d Mon Sep 17 00:00:00 2001
From: axherrm <axel-herrmann@gmx.net>
Date: Thu, 7 Dec 2023 01:03:17 +0100
Subject: [PATCH] make spacing of right side responsive

---
 src/app/app.component.html                             |  2 +-
 .../components/heading-box/heading-box.component.scss  |  1 -
 .../lifeline-entry/lifeline-entry.component.html       |  4 ++--
 .../lifeline-entry/lifeline-entry.component.scss       | 10 +++++++++-
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index e047e3c..f5a6d38 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -19,7 +19,7 @@ <h2 id="main-subheading" class="text-color-grey-dark-2">Software Engineer</h2>
       <div class="personal-container">
         <mat-icon class="personal-icon" fontIcon="child_care"></mat-icon>
         <div class="vr"></div>
-        <div class="personal-text">GEB. 09.05.2002 in Böblingen</div>
+        <div class="personal-text">09.05.2002 in Böblingen</div>
       </div>
       <div class="personal-container">
         <mat-icon class="personal-icon" fontIcon="mail"></mat-icon>
diff --git a/src/app/components/heading-box/heading-box.component.scss b/src/app/components/heading-box/heading-box.component.scss
index 257fec8..381fc67 100644
--- a/src/app/components/heading-box/heading-box.component.scss
+++ b/src/app/components/heading-box/heading-box.component.scss
@@ -30,5 +30,4 @@
   color: #9c9c9c;
   font-size: 3vh;
   font-family: 'Montserrat', sans-serif;
-  padding: 0 0 0 30px;
 }
diff --git a/src/app/components/lifeline-entry/lifeline-entry.component.html b/src/app/components/lifeline-entry/lifeline-entry.component.html
index f3f4b7d..86f88a6 100644
--- a/src/app/components/lifeline-entry/lifeline-entry.component.html
+++ b/src/app/components/lifeline-entry/lifeline-entry.component.html
@@ -5,10 +5,10 @@ <h4 class="lifeline-entry-subtitle text-color-grey-dark-1">
     <span style="text-align: right">{{ date }}</span>
   </h4>
 
-  <p class="text">
+  <p class="text lifeline-entry-text">
     <ng-content></ng-content>
   </p>
-  <ul class="text"><!-- TODO als badge stylen -->
+  <ul class="text lifeline-entry-text"><!-- TODO als badge stylen -->
     <li *ngFor="let bulletPoint of bulletPoints">{{ bulletPoint }}</li>
   </ul>
 </div>
diff --git a/src/app/components/lifeline-entry/lifeline-entry.component.scss b/src/app/components/lifeline-entry/lifeline-entry.component.scss
index d76d2a9..02a02a8 100644
--- a/src/app/components/lifeline-entry/lifeline-entry.component.scss
+++ b/src/app/components/lifeline-entry/lifeline-entry.component.scss
@@ -1,13 +1,21 @@
 .lifeline-entry-wrapper {
-  margin-bottom: 4vh;
+  margin-bottom: 3vh;
   transform: inherit;
 }
 .lifeline-entry-title {
   letter-spacing: 2px;
+  margin-bottom: 0.9vh;
+  margin-top: 0.9vh;
 }
 
 .lifeline-entry-subtitle {
   display: flex;
   justify-content: space-between;
   font-style: italic;
+  margin-bottom: 0.6vh;
+  margin-top: 0.6vh;
+}
+.lifeline-entry-text {
+  margin-bottom: 0.4vh;
+  margin-top: 0.4vh;
 }