From f2c49db9a63599b330ff3c109afbb9168066e13d Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 8 Feb 2019 15:03:26 +0100
Subject: [PATCH] home tweaks

---
 src/components/atoms/Form/Form.tsx | 12 ++++++++----
 src/routes/Home.module.scss        | 24 +++++++++++-------------
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/components/atoms/Form/Form.tsx b/src/components/atoms/Form/Form.tsx
index 3db8a37..3ef1cfc 100644
--- a/src/components/atoms/Form/Form.tsx
+++ b/src/components/atoms/Form/Form.tsx
@@ -14,10 +14,14 @@ const Form = ({
     onSubmit?: any
 }) => (
     <form className={styles.form} onSubmit={onSubmit} {...props}>
-        <header className={styles.formHeader}>
-            <h1 className={styles.formTitle}>{title}</h1>
-            <p className={styles.formDescription}>{description}</p>
-        </header>
+        {title && (
+            <header className={styles.formHeader}>
+                <h1 className={styles.formTitle}>{title}</h1>
+                {description && (
+                    <p className={styles.formDescription}>{description}</p>
+                )}
+            </header>
+        )}
 
         {children}
     </form>
diff --git a/src/routes/Home.module.scss b/src/routes/Home.module.scss
index 4262b15..23fc160 100644
--- a/src/routes/Home.module.scss
+++ b/src/routes/Home.module.scss
@@ -1,18 +1,16 @@
 @import '../styles/variables';
 
 .home {
-    // background: $brand-black;
-    // color: $brand-white;
-    // min-height: calc(100vh - #{$page-frame} * 2);
-    // display: flex;
-    // align-items: center;
-    // justify-content: center;
-    // flex-wrap: wrap;
-    // padding-top: 4rem;
-    // padding-bottom: 4rem;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
 
-    // > div {
-    //     text-align: center;
-    //     width: 100%;
-    // }
+    > * {
+        width: 100%;
+    }
+
+    > div > header {
+        margin-top: -($spacer);
+    }
 }