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; }