Add holdings

apps/client/src/app/components/home-overview/home-overview.html

@@ -96,7 +96,7 @@
         </div>
       </div>
       @if (showExperimentalHoldings()) {
-        <div class="col-lg-4 d-none d-lg-block ml-3 p-0 position-relative">
+        <div class="col-lg-4 d-lg-block d-none ml-5 p-0 position-relative">
           <mat-card
             appearance="outlined"
             class="h-100 holdings position-absolute w-100"

apps/client/src/app/components/home-overview/home-overview.scss

@@ -32,6 +32,8 @@
 
   mat-card {
     &.holdings {
+      --mat-card-title-text-size: var(--mat-sys-title-medium-size);
+
       mat-card-content {
         scrollbar-width: none;
 
@@ -39,10 +41,6 @@
           display: none;
         }
       }
-
-      mat-card-title {
-        font-size: 1rem;
-      }
     }
   }
 

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

@@ -208,7 +208,8 @@
 @if (isLoading()) {
   <ngx-skeleton-loader
     animation="pulse"
-    class="px-4 py-3"
+    [class.px-4]="mode() === 'default'"
+    [class.py-3]="mode() === 'default'"
     [theme]="{
       height: '1.5rem',
       width: '100%'