From c2eb9fbc171a08c37a31bcaff3447824f0ab8ebf Mon Sep 17 00:00:00 2001
From: Sarah Vaupel <vaupel.sarah@campus.lmu.de>
Date: Fri, 29 Nov 2019 16:51:33 +0100
Subject: [PATCH] style(hide-columns): fix line-breaking of table pills

---
 frontend/src/utils/hide-columns/hide-columns.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/utils/hide-columns/hide-columns.scss b/frontend/src/utils/hide-columns/hide-columns.scss
index 5899dd08d..394078c1c 100644
--- a/frontend/src/utils/hide-columns/hide-columns.scss
+++ b/frontend/src/utils/hide-columns/hide-columns.scss
@@ -35,15 +35,18 @@
 
 [table-utils] {
   max-width: 85vw;
-  margin-bottom: 20px;
+  margin-bottom: 10px;
   min-height: 0;
+  line-height: 1.4;
 
   .table-pill {
     background-color: var(--color-dark);
+    float: left;
     color: #fff;
     padding: 10px;
     border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
     margin-right: 20px;
+    margin-bottom: 10px;
     cursor: pointer;
 
     .table-hider__label {
@@ -52,6 +55,12 @@
       margin-left: 5px;
     }
   }
+
+  &:after {
+    content: "";
+    display: block;
+    clear: both;
+  }
 }
 
 .hide-columns--hidden-cell {