From a4b1a478afc5ecb04326670c452ccd9f1f2c4593 Mon Sep 17 00:00:00 2001
From: Alexander Klein <alexander.klein@logmein.com>
Date: Fri, 12 Mar 2021 18:12:53 +0100
Subject: [PATCH] style: add margin to "empty" placeholder message

---
 components/common/EmptyPlaceholder.js         | 2 +-
 components/common/EmptyPlaceholder.module.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/common/EmptyPlaceholder.js b/components/common/EmptyPlaceholder.js
index a223814d..b5394e85 100644
--- a/components/common/EmptyPlaceholder.js
+++ b/components/common/EmptyPlaceholder.js
@@ -8,7 +8,7 @@ function EmptyPlaceholder({ msg, children }) {
   return (
     <div className={styles.placeholder}>
       <Icon className={styles.icon} icon={<Logo />} size="xlarge" />
-      <h2>{msg}</h2>
+      <h2 className={styles.msg}>{msg}</h2>
       {children}
     </div>
   );
diff --git a/components/common/EmptyPlaceholder.module.css b/components/common/EmptyPlaceholder.module.css
index 58332566..a9231836 100644
--- a/components/common/EmptyPlaceholder.module.css
+++ b/components/common/EmptyPlaceholder.module.css
@@ -9,3 +9,7 @@
 .icon {
   margin-bottom: 30px;
 }
+
+.msg {
+  margin-bottom: 15px;
+}