Merge pull request #626 from puzzle/feature/568-fix-add-keyresult

Add space for add keyresult in objective dialog
puzzle · Nov 27, 2023 · 1f42f99 · 1f42f99
2 parents ea19f68 + aaaa7fd
commit 1f42f99
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 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
@@ -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
@@ -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;
 }