From fcd321631356215c8638cb6803c5e55be4eaee58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Mon, 8 Apr 2019 21:52:14 +0100
Subject: [PATCH] fix(ui): ensure that filter input labels are truncated if too
 long

Tooltip component creates a div element which is currently missing mw-100 (and others) so it can be bigger than the wrapping label span
---
 ui/src/Components/Labels/FilterInputLabel/index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/src/Components/Labels/FilterInputLabel/index.js b/ui/src/Components/Labels/FilterInputLabel/index.js
index db349321e..55c32e896 100644
--- a/ui/src/Components/Labels/FilterInputLabel/index.js
+++ b/ui/src/Components/Labels/FilterInputLabel/index.js
@@ -85,7 +85,10 @@ const FilterInputLabel = observer(
               <FontAwesomeIcon icon={faExclamationCircle} />
             </span>
           )}
-          <TooltipWrapper title="Click to edit this filter" className="my-auto">
+          <TooltipWrapper
+            title="Click to edit this filter"
+            className="my-auto mw-100 text-nowrap text-truncate"
+          >
             <RIEInput
               defaultValue=""
               value={filter.raw}