From 04e255008971a389c946835e35e9607c121ffb66 Mon Sep 17 00:00:00 2001
From: Manuel <109959820+ManuelMoeri@users.noreply.github.com>
Date: Wed, 27 Nov 2024 11:57:10 +0100
Subject: [PATCH] Fix mistakes with spacing and boldness of font (#1222)

---
 .../keyresult-detail/keyresult-detail.component.html   | 10 +++++-----
 .../keyresult-detail/keyresult-detail.component.scss   |  4 ++++
 frontend/src/style/styles.scss                         |  2 +-
 3 files changed, 10 insertions(+), 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
index c59e7e25dd..e6829ae483 100644
--- 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
index f280a33349..c54b98ea36 100644
--- 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
index b8bae574df..8dabf46370 100644
--- 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;
   }