[ngx-advanced-pie-chart] legend goes outside parent container

I’m submitting a … (check one with “x”)

[x ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here

Current behavior

When the parent container of the ngx-advanced-pie is bigger than the pie itself, the legend is displayed under the pie-chart.

I think this has to do with

.advanced-pie-legend {
    float: left;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

Expected behavior

I would expect the legend to always be displayed next to the chart. This should fix it.

ngx-charts-advanced-pie-chart{
 position: relative;
}

Reproduction of the problem

See: https://plnkr.co/edit/?p=preview (full-screen)

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

• Windows 10
• Chrome Version 55.0.2883.87 m (64-bit)

• ngx-charts version: 4,0,0

D:\dev\bereslim\bsm-ui>ng --version

                             _                           _  _
  __ _  _ __    __ _  _   _ | |  __ _  _ __         ___ | |(_)
 / _` || '_ \  / _` || | | || | / _` || '__|_____  / __|| || |
| (_| || | | || (_| || |_| || || (_| || |  |_____|| (__ | || |
 \__,_||_| |_| \__, | \__,_||_| \__,_||_|          \___||_||_|
               |___/
angular-cli: 1.0.0-beta.25.5
node: 6.9.1
os: win32 x64
@angular/common: 2.4.4
@angular/compiler: 2.4.4
@angular/core: 2.4.4
@angular/flex-layout: 2.0.0-beta.3
@angular/forms: 2.4.4
@angular/http: 2.4.4
@angular/material: 2.0.0-beta.1
@angular/platform-browser: 2.4.4
@angular/platform-browser-dynamic: 2.4.4
@angular/router: 3.4.4
@angular/compiler-cli: 2.4.4

[marjan-georgiev]

Got it, I see it now, thanks! Pushed a fix.

[amcdnl]

Regression from latest release likely.