From ee308f5b03c5d53f9a44c59575b1875253dd8222 Mon Sep 17 00:00:00 2001
From: Neeraj Baid <wdaareg@gmail.com>
Date: Fri, 8 May 2015 19:26:03 -0700
Subject: [PATCH] Move subtitle up to title.

---
 css/index.styl               | 23 ++++++++++++++---------
 lib/components/UploadPage.js |  2 +-
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/css/index.styl b/css/index.styl
index f7b6bb6..8b9f356 100644
--- a/css/index.styl
+++ b/css/index.styl
@@ -18,21 +18,26 @@ global-reset()
 html, body { height: 100% }
 
 h1 {
-    color: red
-    font: bold 52px/60px "Lobster Two", sans-serif
-    text-align: center
-    margin: 0 0 10px
+    color: red;
+    font: bold 52px/60px "Lobster Two", sans-serif;
+    text-align: center;
+    margin: 0 0 10px;
+}
+
+h1.with-subtitle {
+  margin: 0;
 }
 
 p {
-    color: gray
-    font: 14px/20px "Quicksand", sans-serif
-    text-align: center
-    margin: 0 0
+    color: gray;
+    font: 14px/20px "Quicksand", sans-serif;
+    text-align: center;
+    margin: 0 0;
 }
 
 p.subtitle {
-  font: 16px/22px "Quicksand", sans-serif
+  font: 16px/22px "Quicksand", sans-serif;
+  margin-bottom: 10px;
 }
 
 .drop-zone {
diff --git a/lib/components/UploadPage.js b/lib/components/UploadPage.js
index 839590e..0f8b530 100644
--- a/lib/components/UploadPage.js
+++ b/lib/components/UploadPage.js
@@ -52,7 +52,7 @@ export default class UploadPage extends React.Component {
 
             <Spinner dir="up" />
 
-            <h1>FilePizza</h1>
+            <h1 className="with-subtitle">FilePizza</h1>
             <p className="subtitle">Your files, delivered.</p>
             <p>
               <label className="select-file-label">