diff --git a/frontend/src/app/components/keyresult/keyresult.component.html b/frontend/src/app/components/keyresult/keyresult.component.html
index 681f5e89a1..541b323b54 100644
--- a/frontend/src/app/components/keyresult/keyresult.component.html
+++ b/frontend/src/app/components/keyresult/keyresult.component.html
@@ -5,18 +5,18 @@
class="key-result rounded-2 p-3 w-100 focus-outline"
tabindex="0"
>
-
-
Letztes Check-in
+ Letztes Check-in
{{
keyResult.lastCheckIn == null ? "Keines" : (keyResult!.lastCheckIn!.createdOn | date: DATE_FORMAT)
}}
-
Confidence
+
Confidence
{{ objective.title }}
- Beschrieb
+ Beschrieb
{{ objective.description }}
diff --git a/frontend/src/app/components/objective-detail/objective-detail.component.scss b/frontend/src/app/components/objective-detail/objective-detail.component.scss
index df5ca6aea7..b9bc65ea45 100644
--- a/frontend/src/app/components/objective-detail/objective-detail.component.scss
+++ b/frontend/src/app/components/objective-detail/objective-detail.component.scss
@@ -1,7 +1,3 @@
:host {
width: 100%;
}
-
-.sub-title-objective {
- font-size: 1rem;
-}
diff --git a/frontend/src/style/styles.scss b/frontend/src/style/styles.scss
index c7fabb933a..b3a68ed91a 100644
--- a/frontend/src/style/styles.scss
+++ b/frontend/src/style/styles.scss
@@ -15,16 +15,43 @@ body.okr {
h1 {
font-size: 1.5rem;
- font-weight: bold;
+ font-weight: 600;
}
h2 {
font-size: 1.25rem;
- font-weight: bold;
+ font-weight: 600;
+ word-wrap: anywhere;
+ @extend .linebreak;
+ margin-bottom: 0;
+ }
+
+ h3 {
+ font-size: 1rem;
+ font-weight: 600;
+ word-wrap: anywhere;
+ margin-bottom: 0;
+ }
+
+ h4 {
+ font-size: 0.875rem;
+ font-weight: 400;
+ margin-bottom: 0;
+ }
+
+ h5 {
+ font-size: 0.875rem;
+ margin-bottom: 0;
+ font-weight: 400;
}
p {
margin: 0;
+ font-size: 14px;
+ }
+
+ span {
+ font-size: 14px;
}
a {
@@ -43,26 +70,10 @@ body.okr {
white-space: pre-wrap;
}
-.title {
- font-size: 1.25rem;
- font-weight: bold;
- word-wrap: anywhere;
- color: black;
- @extend .linebreak;
-}
-
.fit-content {
width: fit-content;
}
-.sub-title {
- font-size: 0.8rem;
-}
-
-.detail-view-subtitle {
- font-size: 1rem;
-}
-
.keyResult-attribute-show {
background-color: $keyResult-attribute-bg;
padding: 0.25em 0.75rem;
@@ -381,4 +392,5 @@ table.okr-table {
}
.okr-form-label-input-container {
+ @extend .py-1;
}