From f224c594c650cf1a20ad33e592d7225e1ff88a0d Mon Sep 17 00:00:00 2001
From: Denys Vuika <denis.vuyka@gmail.com>
Date: Fri, 29 Sep 2017 06:56:45 -0400
Subject: [PATCH] fix layout issues for report list (#2394)

---
 .../analytics-report-list.component.html          | 15 +++++++++------
 .../analytics-report-list.component.scss          |  5 +++++
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html
index 12f7e25126..d0239deb3b 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html
@@ -1,12 +1,15 @@
 <div class="adf-analytics-report-list menu-container">
     <md-nav-list *ngIf="isList()">
-        <md-list-item class="activiti-filters__entry" (click)="selectReport(report)" *ngFor="let report of reports; let idx = index"
+        <md-list-item
+            class="activiti-filters__entry"
+            (click)="selectReport(report)"
+            *ngFor="let report of reports; let idx = index"
             [class.active]="currentReport === report">
-            <span [attr.id]="'report-list-' + idx">
-            <md-icon md-list-icon
-                [attr.data-automation-id]="report.name + '_filter'"
-                class="activiti-filters__entry-icon">assignment</md-icon>
-            <span class="text">{{report.name}}</span>
+            <span [attr.id]="'report-list-' + idx" class="activiti-filters__label">
+                <md-icon md-list-icon
+                    [attr.data-automation-id]="report.name + '_filter'"
+                    class="activiti-filters__entry-icon">assignment</md-icon>
+                <span class="text">{{report.name}}</span>
             </span>
         </md-list-item>
     </md-nav-list>
diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.scss b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.scss
index 55a059ce80..105c13ef2c 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.scss
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.scss
@@ -12,6 +12,11 @@
             top: 5px;
         }
 
+        .activiti-filters__label {
+            white-space: nowrap;
+            overflow: hidden;
+        }
+
         .mat-nav-list .mat-list-item .mat-list-item-content {
             line-height: 48px;
         }