From 403d82f781998ca6e68907f614d242cf5dade794 Mon Sep 17 00:00:00 2001
From: GabrielMeyer <meyergabriel@live.de>
Date: Tue, 4 Jun 2019 10:05:23 +0200
Subject: [PATCH] Fixes the break of very long messages in 'mat-chip'

---
 .../components/motion-list/motion-list.component.html        | 2 +-
 client/src/styles.scss                                       | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html b/client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html
index 02c8fe674..de650c1b8 100644
--- a/client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html
+++ b/client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html
@@ -96,7 +96,7 @@
                             <!-- recommendation line -->
                             <div
                                 *ngIf="motion.recommendation && motion.state.next_states_id.length > 0"
-                                class="ellipsis-overflow white"
+                                class="ellipsis-overflow white spacer-top-3"
                             >
                                 <mat-basic-chip class="bluegrey" [disabled]="true">
                                     {{ getRecommendationLabel(motion) }}
diff --git a/client/src/styles.scss b/client/src/styles.scss
index 49e0f27fb..1c2402ee7 100644
--- a/client/src/styles.scss
+++ b/client/src/styles.scss
@@ -462,9 +462,10 @@ mat-expansion-panel {
     font-size: 12px;
     min-height: 22px !important;
     border-radius: 5px !important;
-    padding: 4px 8px !important;
-    margin: 8px 8px 8px 0;
+    padding: 0px 8px !important;
+    margin: 0;
     line-height: 2;
+    display: inline-flex;
 }
 
 .mat-chip-list.user .mat-chip {