Improve language localization

apps/client/src/app/components/admin-market-data/admin-market-data.component.ts

@@ -158,6 +158,7 @@ export class GfAdminMarketDataComponent implements AfterViewInit, OnInit {
   protected placeholder = '';
   protected readonly selection = new SelectionModel<AssetProfileItem>(true);
   protected totalItems = 0;
+  protected readonly translate = translate;
   protected user: User;
 
   private activeFilters: Filter[] = [];

apps/client/src/app/components/admin-market-data/admin-market-data.html

@@ -87,7 +87,11 @@
             >
               <ng-container i18n>Name</ng-container>
             </th>
-            <td *matCellDef="let element" class="line-height-1 px-1" mat-cell>
+            <td
+              *matCellDef="let element"
+              class="line-height-normal px-1"
+              mat-cell
+            >
               <div class="text-truncate">{{ element.name }}</div>
               @if (!isUUID(element.symbol)) {
                 <div>
@@ -110,20 +114,48 @@
           </ng-container>
 
           <ng-container matColumnDef="assetClass">
-            <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <th
+              *matHeaderCellDef
+              class="px-1 text-nowrap"
+              mat-header-cell
+              mat-sort-header
+            >
               <ng-container i18n>Asset Class</ng-container>
             </th>
-            <td *matCellDef="let element" class="px-1" mat-cell>
-              {{ element.assetClass }}
+            <td
+              *matCellDef="let element"
+              class="line-height-normal px-1 text-nowrap"
+              mat-cell
+            >
+              <div>{{ translate(element.assetClass) }}</div>
+              @if (element.assetClass) {
+                <div>
+                  <small class="text-muted">{{ element.assetClass }}</small>
+                </div>
+              }
             </td>
           </ng-container>
 
           <ng-container matColumnDef="assetSubClass">
-            <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <th
+              *matHeaderCellDef
+              class="px-1 text-nowrap"
+              mat-header-cell
+              mat-sort-header
+            >
               <ng-container i18n>Asset Sub Class</ng-container>
             </th>
-            <td *matCellDef="let element" class="px-1" mat-cell>
-              {{ element.assetSubClass }}
+            <td
+              *matCellDef="let element"
+              class="line-height-normal px-1 text-nowrap"
+              mat-cell
+            >
+              <div>{{ translate(element.assetSubClass) }}</div>
+              @if (element.assetSubClass) {
+                <div>
+                  <small class="text-muted">{{ element.assetSubClass }}</small>
+                </div>
+              }
             </td>
           </ng-container>
 

apps/client/src/styles.scss

@@ -385,7 +385,7 @@ ngx-skeleton-loader {
 }
 
 .line-height-normal {
-  line-height: normal;
+  line-height: normal !important;
 }
 
 .mat-mdc-button-base {