Fix mistakes with spacing and boldness of font (#1222)

puzzle · Nov 27, 2024 · 04e2550 · 04e2550
1 parent c4cf07a
commit 04e2550
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/frontend/src/app/components/keyresult-detail/keyresult-detail.component.html b/frontend/src/app/components/keyresult-detail/keyresult-detail.component.html
@@ -21,8 +21,8 @@ <h4 *ngIf="keyResult?.objective?.quarter as quarter">{{ quarter.label }}</h4>
 
         <section class="scoring-section mb-2-rem">
           <app-scoring class="scoring-detail" [keyResult]="keyResult" [isDetail]="true"></app-scoring>
-          <span class="text-small d-flex align-items-center flex-column mb-2 ms-3 confidence-container">
-            <h4>Confidence</h4>
+          <span class="text-small d-flex align-items-center flex-column ms-3 confidence-container">
+            <h4 class="confidence-label">Confidence</h4>
             <app-confidence
               [checkIn]="keyResult.lastCheckIn!"
               [edit]="false"
@@ -59,19 +59,19 @@ <h4>Confidence</h4>
           <ng-container *ngIf="keyResult.keyResultType == 'ordinal' && castToOrdinal(keyResult) as keyResultOrdinal">
             <div class="d-flex justify-content-between w-100 ordinal-div mb-4">
               <div class="ordinal-col h-auto">
-                <h4>Commit</h4>
+                <h4 class="mb-1">Commit</h4>
                 <p class="keyResult-detail-attribute-show ordinal-box p-3 h-100">
                   {{ keyResultOrdinal.commitZone }}
                 </p>
               </div>
               <div class="ordinal-col h-auto">
-                <h4>Target</h4>
+                <h4 class="mb-1">Target</h4>
                 <p class="keyResult-detail-attribute-show ordinal-box p-3 h-100">
                   {{ keyResultOrdinal.targetZone }}
                 </p>
               </div>
               <div class="ordinal-col h-auto">
-                <h4>Stretch</h4>
+                <h4 class="mb-1">Stretch</h4>
                 <p class="keyResult-detail-attribute-show ordinal-box p-3 h-100">
                   {{ keyResultOrdinal.stretchZone }}
                 </p>

diff --git a/frontend/src/app/components/keyresult-detail/keyresult-detail.component.scss b/frontend/src/app/components/keyresult-detail/keyresult-detail.component.scss
@@ -85,3 +85,7 @@
 .all-checkins-button {
   height: 25px;
 }
+
+.confidence-label {
+  padding: 2px 0 3px 0;
+}
diff --git a/frontend/src/style/styles.scss b/frontend/src/style/styles.scss
@@ -28,7 +28,7 @@ body.okr {
 
   h3 {
     font-size: 1rem;
-    font-weight: 600;
+    font-weight: 400;
     word-wrap: anywhere;
     margin-bottom: 0;
   }