Merge pull request #541 from gnarlex/empty-placeholder-margin

Style: Add gap between "empty" placeholder message and children

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>
   );

components/common/EmptyPlaceholder.module.css

@@ -9,3 +9,7 @@
 .icon {
   margin-bottom: 30px;
 }
+
+.msg {
+  margin-bottom: 15px;
+}