Replace line-height-normal with lh-normal

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

@@ -87,11 +87,7 @@
             >
               <ng-container i18n>Name</ng-container>
             </th>
-            <td
+            <td *matCellDef="let element" class="lh-normal px-1" mat-cell>
-              *matCellDef="let element"
-              class="line-height-normal px-1"
-              mat-cell
-            >
               <div class="text-truncate">{{ element.name }}</div>
               @if (!isUUID(element.symbol)) {
                 <div>
@@ -110,7 +106,7 @@
             </th>
             <td
               *matCellDef="let element"
-              class="line-height-normal px-1 text-nowrap"
+              class="lh-normal px-1 text-nowrap"
               mat-cell
             >
               <div>
@@ -132,7 +128,7 @@
             </th>
             <td
               *matCellDef="let element"
-              class="line-height-normal px-1 text-nowrap"
+              class="lh-normal px-1 text-nowrap"
               mat-cell
             >
               <div>{{ translate(element.assetClass) }}</div>
@@ -152,7 +148,7 @@
             </th>
             <td
               *matCellDef="let element"
-              class="line-height-normal px-1 text-nowrap"
+              class="lh-normal px-1 text-nowrap"
               mat-cell
             >
               <div>{{ translate(element.assetSubClass) }}</div>

apps/client/src/styles.scss

@@ -372,10 +372,6 @@ ngx-skeleton-loader {
   font-weight: unset;
 }
 
-.line-height-normal {
-  line-height: normal !important;
-}
-
 .mat-mdc-button-base {
   .mdc-button__label {
     align-items: center;

apps/client/src/styles/bootstrap.scss

@@ -105,6 +105,16 @@ $unused-utilities: (
 
 $utilities: map.remove($utilities, $unused-utilities...);
 
+$utilities: map.set(
+  $utilities,
+  'line-height',
+  'values',
+  (
+    1: 1,
+    normal: normal
+  )
+);
+
 // Layout & components
 @import 'bootstrap/scss/root';
 @import 'bootstrap/scss/reboot';

libs/ui/src/lib/activities-table/activities-table.component.html

@@ -184,7 +184,7 @@
       <th *matHeaderCellDef class="px-1" mat-header-cell>
         <ng-container i18n>Name</ng-container>
       </th>
-      <td *matCellDef="let element" class="line-height-normal px-1" mat-cell>
+      <td *matCellDef="let element" class="lh-normal px-1" mat-cell>
         <div class="align-items-center d-flex text-nowrap">
           <span class="text-truncate">{{ element.assetProfile?.name }}</span>
           @if (isDraftActivity(element)) {

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

@@ -22,11 +22,7 @@
       <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
         <ng-container i18n>Name</ng-container>
       </th>
-      <td
+      <td *matCellDef="let element" class="lh-normal px-1 text-nowrap" mat-cell>
-        *matCellDef="let element"
-        class="line-height-normal px-1 text-nowrap"
-        mat-cell
-      >
         <div class="text-truncate">
           {{ element?.name }}
         </div>

libs/ui/src/lib/holdings-table/holdings-table.component.html

@@ -36,7 +36,7 @@
       </th>
       <td
         *matCellDef="let element"
-        class="line-height-normal px-1"
+        class="lh-normal px-1"
         mat-cell
         [class.w-100]="mode() === 'simple'"
       >

libs/ui/src/lib/page-tabs/page-tabs.component.html

@@ -54,7 +54,7 @@
       [size]="deviceType === 'mobile' ? 'large' : 'small'"
     />
     <span
-      class="d-none d-sm-block line-height-normal ms-1 overflow-hidden p-0 text-truncate"
+      class="d-none d-sm-block lh-normal ms-1 overflow-hidden p-0 text-truncate"
       [innerHTML]="tab.label"
     ></span>
   </span>

libs/ui/src/lib/top-holdings/top-holdings.component.html

@@ -74,7 +74,7 @@
               <ng-container matColumnDef="name">
                 <td
                   *matCellDef="let parentHolding"
-                  class="line-height-normal px-2"
+                  class="lh-normal px-2"
                   mat-cell
                 >
                   <div class="text-truncate">{{ parentHolding?.name }}</div>