From 6493655149a2eba646b2bc50f1a4f33d3b2bb2d1 Mon Sep 17 00:00:00 2001
From: Stefan Malzner <stefan@adlk.io>
Date: Thu, 5 Sep 2019 13:24:20 +0200
Subject: Fix headline spacing

---
 src/components/settings/team/TeamDashboard.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'src/components/settings')

diff --git a/src/components/settings/team/TeamDashboard.js b/src/components/settings/team/TeamDashboard.js
index a9df980d7..366b0113a 100644
--- a/src/components/settings/team/TeamDashboard.js
+++ b/src/components/settings/team/TeamDashboard.js
@@ -4,6 +4,7 @@ import { observer } from 'mobx-react';
 import { defineMessages, intlShape } from 'react-intl';
 import ReactTooltip from 'react-tooltip';
 import injectSheet from 'react-jss';
+import classnames from 'classnames';
 
 import { Badge } from '@meetfranz/ui';
 import Loader from '../../ui/Loader';
@@ -75,6 +76,9 @@ const styles = {
   headline: {
     marginBottom: 0,
   },
+  headlineWithSpacing: {
+    marginBottom: 'inherit',
+  },
   proRequired: {
     margin: [10, 0, 40],
     height: 'auto',
@@ -140,7 +144,14 @@ export default @injectSheet(styles) @observer class TeamDashboard extends Compon
               {!isLoading && (
                 <>
                   <>
-                    <h1 className={classes.headline}>{intl.formatMessage(messages.contentHeadline)}</h1>
+                    <h1 className={classnames({
+                      [classes.headline]: true,
+                      [classes.headlineWithSpacing]: isProUser,
+                    })}
+                    >
+                      {intl.formatMessage(messages.contentHeadline)}
+
+                    </h1>
                     {!isProUser && (
                       <Badge className={classes.proRequired}>{intl.formatMessage(globalMessages.proRequired)}</Badge>
                     )}
-- 
cgit v1.2.3-70-g09d2