fix some styles

puzzle · Nov 24, 2023 · 89b6cd2 · 89b6cd2
1 parent 23ec2a0
commit 89b6cd2
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/frontend/src/app/shared/dialog/complete-dialog/complete-dialog.component.html b/frontend/src/app/shared/dialog/complete-dialog/complete-dialog.component.html
@@ -3,8 +3,8 @@
 </section>
 
 <mat-dialog-content>
-  <p class="fs-6">Objective</p>
-  <p class="linebreak bg-display-element py-2 ps-1 mb-2 fs-6 fw-normal">{{ data.objectiveTitle }}</p>
+  <p class="fs-6 text-black">Objective</p>
+  <p class="linebreak bg-display-element py-2 ps-1 mb-2 fs-6 fw-normal text-black">{{ data.objectiveTitle }}</p>
 
   <form [formGroup]="completeForm">
     <div class="input-style gap-2 col-12">

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
@@ -60,7 +60,7 @@
         </div>
         <mat-checkbox
           [attr.data-testId]="'keyResult-checkbox'"
-          class="d-flex align-items-center custom-text-wrap col-5 col-6 add-keyresult"
+          class="d-flex align-items-center custom-text-wrap col-5 col-6 text-black add-keyresult"
           color="primary"
           formControlName="createKeyResults"
           *ngIf="!data.objective.objectiveId"

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
@@ -28,6 +28,7 @@
 @media only screen and (max-width: 780px) {
   .add-keyresult {
     margin-left: -10px;
+    margin-top: 1rem;
   }
 }
 

diff --git a/frontend/src/style/styles.scss b/frontend/src/style/styles.scss
@@ -123,13 +123,17 @@ input[type="text"] {
   padding: 0.437rem 0.625rem 0.375rem 0.625rem !important;
 }
 
+.mat-mdc-checkbox .mdc-form-field {
+  font-size: 1rem !important;
+}
+
 .dialog-form-field-error {
   resize: none;
   outline: $error-color 2px solid !important;
 }
 
 .custom-select {
-  border: solid 1px #dddddd;
+  border: solid 1px #909090;
   padding: 0.44rem 0.625rem 0.375rem 0.625rem;
   cursor: pointer;
   width: 9.625rem;