From 2985dd67c51da24342367da9187f368db22bef68 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Mon, 12 Feb 2024 20:35:16 +0100
Subject: [PATCH] Feature/improve ordered list in safari (#2996)

* Improve ordered list in Safari (without text-truncate)

* Update changelog
---
 CHANGELOG.md                                  |  1 +
 .../portfolio/analysis/analysis-page.html     | 24 ++++++++-----------
 2 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 743304e1..3bb50573 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Improved the ordered list of the _Top 3_ and _Bottom 3_ performers on the analysis page in Safari
 - Replaced `import-sort` with `prettier-plugin-sort-imports`
 - Upgraded `eslint` dependencies
 - Upgraded `Nx` from version `17.2.8` to `18.0.4`
diff --git a/apps/client/src/app/pages/portfolio/analysis/analysis-page.html b/apps/client/src/app/pages/portfolio/analysis/analysis-page.html
index a1e694dd..b991ce12 100644
--- a/apps/client/src/app/pages/portfolio/analysis/analysis-page.html
+++ b/apps/client/src/app/pages/portfolio/analysis/analysis-page.html
@@ -134,15 +134,13 @@
               <a
                 class="d-flex"
                 [queryParams]="{
-                dataSource: position.dataSource,
-                positionDetailDialog: true,
-                symbol: position.symbol
-              }"
+                  dataSource: position.dataSource,
+                  positionDetailDialog: true,
+                  symbol: position.symbol
+                }"
                 [routerLink]="[]"
               >
-                <div class="flex-grow-1 mr-2 text-truncate">
-                  {{ position.name }}
-                </div>
+                <div class="flex-grow-1 mr-2">{{ position.name }}</div>
                 <div class="d-flex justify-content-end">
                   <gf-value
                     class="justify-content-end"
@@ -182,15 +180,13 @@
               <a
                 class="d-flex"
                 [queryParams]="{
-                dataSource: position.dataSource,
-                positionDetailDialog: true,
-                symbol: position.symbol
-              }"
+                  dataSource: position.dataSource,
+                  positionDetailDialog: true,
+                  symbol: position.symbol
+                }"
                 [routerLink]="[]"
               >
-                <div class="flex-grow-1 mr-2 text-truncate">
-                  {{ position.name }}
-                </div>
+                <div class="flex-grow-1 mr-2">{{ position.name }}</div>
                 <div class="d-flex justify-content-end">
                   <gf-value
                     class="justify-content-end"