Harmonize unit styling

libs/ui/src/lib/value/value.component.html

@@ -38,21 +38,6 @@
             <div class="mr-1 text-danger">-</div>
           }
         }
-        @if (isPercent) {
-          <div
-            class="mb-0 value"
-            [ngClass]="{
-              'font-weight-bold h2': size === 'large',
-              h4: size === 'medium'
-            }"
-          >
-            @if (value === null) {
-              <span class="text-monospace text-muted">*****</span>%
-            } @else {
-              {{ formattedValue }}%
-            }
-          </div>
-        } @else {
         <div
           class="mb-0 value"
           [ngClass]="{
@@ -66,19 +51,12 @@
             {{ formattedValue }}
           }
         </div>
-        }
+        @if (isPercent || unit) {
-        @if (unit) {
-          @if (size === 'medium') {
-            <small class="ml-1">
-              {{ unit }}
-            </small>
-          } @else {
           <div class="ml-1">
-              {{ unit }}
+            {{ isPercent ? '%' : unit }}
           </div>
         }
       }
-      }
       @if (isString) {
         <div
           class="mb-0 text-truncate value"