Remove Or, and Drag ... text.

css/index.styl

@@ -31,6 +31,10 @@ p {
     margin: 0 0
 }
 
+p.subtitle {
+  font: 16px/22px "Quicksand", sans-serif
+}
+
 .drop-zone {
     width: 100%
     height: 100%
@@ -214,25 +218,22 @@ p {
     }
 }
 
-label.myLabel input[type="file"] {
+label.select-file-label input[type="file"] {
     position: fixed;
     top: -1000px;
 }
 
-.myLabel {
+.select-file-label {
     border: 2px solid #CCC;
     border-radius: 4px;
     padding: 2px 5px;
-    margin-left: 4px;
+    margin-top: 5px;
-    margin-right: 2px;
-    margin-top: 2px;
-    margin-bottom: 2px;
     background: #EEE;
     display: inline-block;
 }
-.myLabel:hover {
+.select-file-label:hover {
     background: #CCC;
 }
-.myLabel:active {
+.select-file-label:active {
     background: #BBB;
 }

lib/components/UploadPage.js

@@ -53,14 +53,12 @@ export default class UploadPage extends React.Component {
             <Spinner dir="up" />
 
             <h1>FilePizza</h1>
-            <p>Your files, delivered.</p>
+            <p className="subtitle">Your files, delivered.</p>
-            <p>Drag the file into this window to get started.</p>
+            <p>
-            <p>Or,
+              <label className="select-file-label">
-              <label className="myLabel">
                 <input type="file" onChange={this.handleSelectedFile} required/>
                 <span>select a file</span>
               </label>
-              .
             </p>
           </Centered>
         </DropZone>