From c593a104fdf3cb2d9541fc861aebcf776d00dc88 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Mon, 14 Sep 2026 17:39:36 +0200
Subject: [PATCH] Improve simplified mode

---
 .../holdings-table.component.html             | 22 +++++++++++++++----
 .../holdings-table.component.scss             | 13 +++++++++++
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/libs/ui/src/lib/holdings-table/holdings-table.component.html b/libs/ui/src/lib/holdings-table/holdings-table.component.html
index a27477b9b1..69be6f8961 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.html
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.html
@@ -5,13 +5,17 @@
     matSort
     [class.simple]="mode() === 'simple'"
     [dataSource]="dataSource"
-    [fixedLayout]="mode() === 'simple'"
     [matSortActive]="sortActive()"
     [matSortDirection]="sortDirection()"
   >
     <ng-container matColumnDef="icon" [sticky]="mode() === 'default'">
       <th *matHeaderCellDef class="px-1" mat-header-cell></th>
-      <td *matCellDef="let element" class="px-1 text-center" mat-cell>
+      <td
+        *matCellDef="let element"
+        class="px-1 text-center"
+        mat-cell
+        [class.text-nowrap]="mode() === 'simple'"
+      >
         <gf-entity-logo
           [dataSource]="element.assetProfile.dataSource"
           [symbol]="element.assetProfile.symbol"
@@ -29,7 +33,12 @@
       >
         <ng-container i18n>Name</ng-container>
       </th>
-      <td *matCellDef="let element" class="line-height-normal px-1" mat-cell>
+      <td
+        *matCellDef="let element"
+        class="line-height-normal px-1"
+        mat-cell
+        [class.w-100]="mode() === 'simple'"
+      >
         <div class="text-truncate" [title]="element.assetProfile.name">
           {{ element.assetProfile.name }}
           @if (element.assetProfile.name === element.assetProfile.symbol) {
@@ -175,7 +184,12 @@
         <span class="d-none d-sm-block" i18n>Performance</span>
         <span class="d-block d-sm-none" i18n-title title="Performance">±</span>
       </th>
-      <td *matCellDef="let element" class="px-1" mat-cell>
+      <td
+        *matCellDef="let element"
+        class="px-1"
+        mat-cell
+        [class.text-nowrap]="mode() === 'simple'"
+      >
         <div class="d-flex justify-content-end">
           <gf-value
             [colorizeSign]="true"
diff --git a/libs/ui/src/lib/holdings-table/holdings-table.component.scss b/libs/ui/src/lib/holdings-table/holdings-table.component.scss
index 5d4e87f30f..32830091e1 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.scss
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.scss
@@ -1,3 +1,16 @@
 :host {
   display: block;
+
+  .gf-table {
+    &.simple {
+      .mat-column-icon,
+      .mat-column-performanceInPercentage {
+        width: min-content;
+      }
+
+      .mat-column-nameWithSymbol {
+        max-width: 0;
+      }
+    }
+  }
 }