From e88e54b752dffa97f9ea257cb34c9fd437309461 Mon Sep 17 00:00:00 2001
From: Neeraj Baid <wdaareg@gmail.com>
Date: Fri, 17 Apr 2015 15:13:24 -0700
Subject: [PATCH 1/2] Center arrow irrespective of text.

---
 css/index.styl | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/css/index.styl b/css/index.styl
index 76a4882..6d08231 100644
--- a/css/index.styl
+++ b/css/index.styl
@@ -50,7 +50,7 @@ p {
     height: 100%
     display: table
     background: rgba(0, 0, 0, 0)
-    
+
     &.drop-zone-focus {
         z-index: 1
         background: rgba(0, 0, 0, 0.5)
@@ -96,6 +96,7 @@ p {
     .spinner-image {
         display: block
         width: 150px
+        margin: 0 auto
     }
 
     .spinner-name {
@@ -154,7 +155,7 @@ p {
     transition: 0.25s
     cursor: pointer
     text-transform: uppercase
-    
+
     &:hover, &:focus {
         box-shadow: inset 0 1px 1px green
         background: light-green
@@ -169,7 +170,7 @@ p {
     height: 60px
     overflow: hidden
     background: beige
-    
+
     .progress-bar-inner {
         float: left
         height: 100%

From 447e78fe516eb77e922d038db9b5f43a70ab59a4 Mon Sep 17 00:00:00 2001
From: Neeraj Baid <wdaareg@gmail.com>
Date: Fri, 17 Apr 2015 15:15:49 -0700
Subject: [PATCH 2/2] Shorten max length of spinner text so it never overlaps.

---
 css/index.styl | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/css/index.styl b/css/index.styl
index 6d08231..f05c192 100644
--- a/css/index.styl
+++ b/css/index.styl
@@ -107,6 +107,8 @@ p {
         text-overflow: ellipsis
         white-space: nowrap
         margin-top: 10px
+        margin: 0 auto
+        width: 65%
     }
 
     .spinner-size {