From aafeb618e896581df3582ddc76474fdb476d23dd Mon Sep 17 00:00:00 2001
From: Manuel <moeri@puzzle.ch>
Date: Wed, 6 Nov 2024 13:13:05 +0100
Subject: [PATCH] Change html structure

---
 .../src/app/components/keyresult/keyresult.component.html | 4 ++--
 .../src/app/shared/custom/scoring/scoring.component.html  | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/components/keyresult/keyresult.component.html b/frontend/src/app/components/keyresult/keyresult.component.html
index 557a003d64..fc6e10f00f 100644
--- a/frontend/src/app/components/keyresult/keyresult.component.html
+++ b/frontend/src/app/components/keyresult/keyresult.component.html
@@ -9,7 +9,7 @@ <h3 class="keyresult-title linebreak mb-2">{{ keyResult.title }}</h3>
   <app-scoring [keyResult]="keyResult" [isDetail]="false" [attr.data-testId]="'scoring-component'"></app-scoring>
   <div class="d-flex justify-content-between mt-1">
     <div class="d-flex justify-content-center align-items-center flex-wrap keyResult-overview-attribute">
-      <h4 class="me-1 text-nowrap me-2">Letztes Check-in</h4>
+      <h5 class="me-1 text-nowrap me-2">Letztes Check-in</h5>
       <span class="keyResult-attribute-show" *ngIf="keyResult.lastCheckIn != null">{{
         keyResult!.lastCheckIn!.createdOn | date: DATE_FORMAT
       }}</span>
@@ -17,7 +17,7 @@ <h4 class="me-1 text-nowrap me-2">Letztes Check-in</h4>
     </div>
 
     <div class="d-flex align-items-center flex-wrap justify-content-end keyResult-overview-attribute">
-      <h4>Confidence</h4>
+      <h5>Confidence</h5>
       <app-confidence
         [edit]="false"
         [isDetail]="false"
diff --git a/frontend/src/app/shared/custom/scoring/scoring.component.html b/frontend/src/app/shared/custom/scoring/scoring.component.html
index 94d70112ba..498be6c26d 100644
--- a/frontend/src/app/shared/custom/scoring/scoring.component.html
+++ b/frontend/src/app/shared/custom/scoring/scoring.component.html
@@ -2,13 +2,13 @@
   <div class="scoring-container d-flex flex-row">
     <div class="flex-fill">
       <span class="okr-score-label">
-        <h5 class="text-center text-small">Fail</h5>
+        <h4 class="text-center text-small">Fail</h4>
       </span>
       <span class="okr-score-label okr-score-commit">
-        <h5 class="text-center text-small">Commit</h5>
+        <h4 class="text-center text-small">Commit</h4>
       </span>
       <span class="okr-score-label">
-        <h5 class="text-center text-small">Target</h5>
+        <h4 class="text-center text-small">Target</h4>
       </span>
       <div
         [ngStyle]="{ display: stretched ? 'none' : 'flex' }"
@@ -40,7 +40,7 @@ <h5 class="text-center text-small">Target</h5>
     </div>
 
     <div class="okr-stretch d-flex flex-column align-items-center mb-1">
-      <h5 class="text-center text-small">Stretch</h5>
+      <h4 class="text-center text-small">Stretch</h4>
       <img
         [src]="'assets/icons/star-' + iconPath + '-icon.svg'"
         [attr.data-testId]="'stretch'"