From 9daafd0716b64784858d74ab66c6525ec16efc83 Mon Sep 17 00:00:00 2001
From: Neeraj Baid <wdaareg@gmail.com>
Date: Fri, 8 May 2015 19:09:51 -0700
Subject: [PATCH] Increase left margins for select file button.

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

diff --git a/css/index.styl b/css/index.styl
index 3b325f4..a5eb352 100644
--- a/css/index.styl
+++ b/css/index.styl
@@ -223,7 +223,10 @@ label.myLabel input[type="file"] {
     border: 2px solid #CCC;
     border-radius: 4px;
     padding: 2px 5px;
-    margin: 2px;
+    margin-left: 4px;
+    margin-right: 2px;
+    margin-top: 2px;
+    margin-bottom: 2px;
     background: #EEE;
     display: inline-block;
 }
diff --git a/lib/components/UploadPage.js b/lib/components/UploadPage.js
index 64ff47b..8f384ad 100644
--- a/lib/components/UploadPage.js
+++ b/lib/components/UploadPage.js
@@ -56,11 +56,11 @@ export default class UploadPage extends React.Component {
             <p>Your files, delivered.</p>
             <p>Drag the file into this window to get started.</p>
             <p>Or
-            <label className="myLabel">
-              <input type="file" onChange={this.handleSelectedFile} required/>
-              <span>select a file</span>
-            </label>
-            .
+              <label className="myLabel">
+                <input type="file" onChange={this.handleSelectedFile} required/>
+                <span>select a file</span>
+              </label>
+              .
             </p>
           </Centered>
         </DropZone>