From 2984d2ff4d8a89f05d0cc519d0fbd721523e7edc Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Thu, 14 Dec 2023 19:48:52 +0100
Subject: [PATCH] Improve font weight

---
 libs/ui/src/lib/value/value.component.html | 15 ++++++++++++---
 libs/ui/src/lib/value/value.component.scss |  1 +
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/libs/ui/src/lib/value/value.component.html b/libs/ui/src/lib/value/value.component.html
index 61e6ecd5e..bcefeac85 100644
--- a/libs/ui/src/lib/value/value.component.html
+++ b/libs/ui/src/lib/value/value.component.html
@@ -16,14 +16,20 @@
         <div
           *ngIf="isPercent"
           class="mb-0 value"
-          [ngClass]="{ h2: size === 'large', h4: size === 'medium' }"
+          [ngClass]="{
+            'font-weight-bold h2': size === 'large',
+            h4: size === 'medium'
+          }"
         >
           {{ formattedValue }}%
         </div>
         <div
           *ngIf="!isPercent"
           class="mb-0 value"
-          [ngClass]="{ h2: size === 'large', h4: size === 'medium' }"
+          [ngClass]="{
+            'font-weight-bold h2': size === 'large',
+            h4: size === 'medium'
+          }"
         >
           <ng-container *ngIf="value === null">
             <span class="text-monospace text-muted">***</span>
@@ -42,7 +48,10 @@
       <ng-container *ngIf="isString">
         <div
           class="mb-0 text-truncate value"
-          [ngClass]="{ h2: size === 'large', h4: size === 'medium' }"
+          [ngClass]="{
+            'font-weight-bold h2': size === 'large',
+            h4: size === 'medium'
+          }"
         >
           {{ formattedValue }}
         </div>
diff --git a/libs/ui/src/lib/value/value.component.scss b/libs/ui/src/lib/value/value.component.scss
index f690dc46c..087bf31e1 100644
--- a/libs/ui/src/lib/value/value.component.scss
+++ b/libs/ui/src/lib/value/value.component.scss
@@ -4,6 +4,7 @@
   font-variant-numeric: tabular-nums;
 
   .h2 {
+    font-variant-numeric: initial;
     line-height: 1;
   }
 }