From aaaa7fdf7d60eae3d801ead4a982e0988c227b70 Mon Sep 17 00:00:00 2001
From: Lias Kleisa <kleisa@puzzle.ch>
Date: Mon, 27 Nov 2023 11:52:48 +0100
Subject: [PATCH] Add more space for add keyresult button

---
 .../objective-dialog/objective-form.component.html    |  2 +-
 .../objective-dialog/objective-form.component.scss    | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html
index f5c2a84517..f2975b7009 100644
--- a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html
+++ b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html
@@ -65,7 +65,7 @@
           formControlName="createKeyResults"
           *ngIf="!data.objective.objectiveId"
         >
-          Key Results im Anschluss erfassen
+          <p class="add-keyresult-text">Key Results im Anschluss erfassen</p>
         </mat-checkbox>
       </div>
     </form>
diff --git a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.scss b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.scss
index bb5c6a0a10..c9c307a67e 100644
--- a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.scss
+++ b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.scss
@@ -15,6 +15,7 @@
 .add-keyresult {
   // Select is aligned with label and it's not easy to align checkbox to select
   margin-top: -3px;
+  margin-left: 1.2rem;
 }
 
 @media only screen and (min-width: 820px) {
@@ -25,9 +26,17 @@
   }
 }
 
-@media only screen and (max-width: 780px) {
+@media only screen and (max-width: 770px) {
   .add-keyresult {
     margin-left: -10px;
     margin-top: 1rem;
   }
+
+  .add-keyresult-text {
+    margin: 0;
+  }
+}
+
+.add-keyresult-text {
+  margin-left: -10px;
 }