refactor: add tiny variant for score

Adds an even smaller variant of the score component.

Author: crisbeto

report-app/src/app/shared/score/score.scss

@@ -4,6 +4,7 @@
   align-items: center;
   justify-content: center;
   color: var(--text-on-status);
+  flex-shrink: 0;
 }
 
 :host(.excellent-score) {
@@ -55,3 +56,14 @@
     font-size: 0.4rem;
   }
 }
+
+:host(.tiny) {
+  width: 26px;
+  height: 26px;
+  font-size: 0.7rem;
+  border-radius: 6px;
+
+  .label {
+    font-size: 0.4rem;
+  }
+}

report-app/src/app/shared/score/score.ts

@@ -17,7 +17,7 @@ import {formatScore} from '../scoring';
 export class Score {
   readonly total = input.required<number>();
   readonly max = input.required<number>();
-  readonly size = input<'small' | 'medium' | 'large'>('medium');
+  readonly size = input<'tiny' | 'small' | 'medium' | 'large'>('medium');
   readonly label = input<string>('');
 
   protected formattedScore = computed(() => formatScore(this.total(), this.max()));