From 6d2e3b6e4066862d6bc97ad9ec23312ffa078a6b Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 17 Oct 2021 11:53:27 +0200
Subject: [PATCH] Feature/improve skeleton loader size (#425)

* Improve skeleton loader size

* Update changelog
---
 CHANGELOG.md                                                | 6 ++++++
 .../portfolio-proportion-chart.component.html               | 4 ++--
 .../portfolio-proportion-chart.component.scss               | 1 +
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5b730e790..fbc03f98f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Changed
+
+- Improved the skeleton loader size of the portfolio proportion chart component
+
 ## 1.62.0 - 17.10.2021
 
 ### Added
diff --git a/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.html b/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.html
index 8e86acd33..335c4fc2c 100644
--- a/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.html
+++ b/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.html
@@ -1,9 +1,9 @@
 <ngx-skeleton-loader
   *ngIf="isLoading"
   animation="pulse"
+  class="h-100"
   [theme]="{
-    height: '15rem',
-    width: '100%'
+    height: '100%'
   }"
 ></ngx-skeleton-loader>
 <canvas
diff --git a/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.scss b/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.scss
index 5d4e87f30..658f1a30a 100644
--- a/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.scss
+++ b/libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.scss
@@ -1,3 +1,4 @@
 :host {
+  aspect-ratio: 1;
   display: block;
 }