Merge pull request #227 from ilri/counters-percentage-alignment-fix

Counters percentage alignment fix
ilri · Feb 6, 2024 · 169abd2 · 169abd2
2 parents 10a5606 + 9a0f781
commit 169abd2
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/frontend/src/app/explorer/dashboard/components/counter/counter.component.html b/frontend/src/app/explorer/dashboard/components/counter/counter.component.html
@@ -11,12 +11,14 @@
       <mat-icon *ngIf="componentConfigs?.icon">{{ componentConfigs.icon }}</mat-icon>
       <mat-card-title>
         <strong>{{ componentConfigs.title }}</strong>
-        <span class="counter-number">{{ count | number }}</span>
-        <ng-container *ngIf="percentage">
+        <span class="counter-number">
+          {{ count | number }}
+          <ng-container *ngIf="percentage">
           <small class="small-text">
             / {{ percentage | number: '1.1-2' }} %
           </small>
         </ng-container>
+        </span>
       </mat-card-title>
     </ng-container>
   </mat-card-content>