From 2c3abd5b0b7207a1f18954e45e7afb00e8492a20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Tue, 2 Oct 2018 13:08:16 +0200
Subject: [PATCH] only use multiline if message is really long

---
 scm-ui-components/packages/ui-components/src/Help.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/scm-ui-components/packages/ui-components/src/Help.js b/scm-ui-components/packages/ui-components/src/Help.js
index 73de63b38b..9cd696d3e4 100644
--- a/scm-ui-components/packages/ui-components/src/Help.js
+++ b/scm-ui-components/packages/ui-components/src/Help.js
@@ -15,15 +15,16 @@ const styles = {
 };
 
 type Props = {
-  message?: string,
+  message: string,
   classes: any
 };
 
 class Help extends React.Component<Props> {
   render() {
     const { message, classes } = this.props;
+    const multiline = message.length > 60 ? "is-tooltip-multiline" : "";
     return (
-        <div className={classNames("tooltip is-tooltip-right is-tooltip-multiline", classes.q)}
+        <div className={classNames("tooltip is-tooltip-right", multiline, classes.q)}
              data-tooltip={message}>
         <i className={classNames("fa fa-question has-text-info", classes.img)}></i>
         </div>