make spacing of right side responsive

axherrm · Dec 7, 2023 · ae7436e · ae7436e
1 parent 49a2f16
commit ae7436e
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;
 }