From 0fa1ec4df9d9ae08ce8a65eb481a745ce58fd93e Mon Sep 17 00:00:00 2001
From: Artur Paikin <artur@arturpaikin.com>
Date: Mon, 2 Oct 2017 17:07:33 -0400
Subject: [PATCH] =?UTF-8?q?Alter=20=E2=80=9Cretry=E2=80=9D=20link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/StatusBar/StatusBar.js | 31 ++++++++++++++++++------------
 src/plugins/StatusBar/index.js     |  1 +
 src/scss/_statusbar.scss           |  8 +++++---
 3 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/src/plugins/StatusBar/StatusBar.js b/src/plugins/StatusBar/StatusBar.js
index 95b58438d..57e62ff11 100644
--- a/src/plugins/StatusBar/StatusBar.js
+++ b/src/plugins/StatusBar/StatusBar.js
@@ -157,20 +157,27 @@ const ProgressBarComplete = ({ totalProgress, i18n }) => {
 const ProgressBarError = ({ error, retryAll, i18n }) => {
   return html`
     <div class="UppyStatusBar-content">
-      <div title="${i18n('error')}">
-        <button title="${i18n('retryUpload')}" aria-label="${i18n('retryUpload')}" class="UppyStatusBar-action" type="button" onclick=${retryAll}>
-          <svg class="UppyIcon" width="28" height="31" viewBox="0 0 16 19" xmlns="http://www.w3.org/2000/svg">
-            <path d="M16 11a8 8 0 1 1-8-8v2a6 6 0 1 0 6 6h2z"/>
-            <path d="M7.9 3H10v2H7.9z"/><path d="M8.536.5l3.535 3.536-1.414 1.414L7.12 1.914z"/><path d="M10.657 2.621l1.414 1.415L8.536 7.57 7.12 6.157z"/>
-          </svg>
-        </button>
+        <button class="UppyStatusBar-action" 
+                title="${i18n('retryUpload')}" 
+                aria-label="${i18n('retryUpload')}" 
+                type="button" 
+                onclick=${retryAll}>
+            <svg class="UppyIcon" width="28" height="31" viewBox="0 0 16 19" xmlns="http://www.w3.org/2000/svg">
+              <path d="M16 11a8 8 0 1 1-8-8v2a6 6 0 1 0 6 6h2z"/>
+              <path d="M7.9 3H10v2H7.9z"/><path d="M8.536.5l3.535 3.536-1.414 1.414L7.12 1.914z"/><path d="M10.657 2.621l1.414 1.415L8.536 7.57 7.12 6.157z"/>
+            </svg></button>
         ${i18n('uploadFailed')}. 
-        <button class="UppyStatusBar-button" type="button" onclick=${retryAll}>
-          <strong>${i18n('retry')}?</strong>
-        </button>
-        <span class="UppyStatusBar-details" data-balloon="${error}" data-balloon-pos="up" data-balloon-length="large">?</span>
+        <button class="UppyStatusBar-retryBtn" 
+            title="${i18n('retryUpload')}" 
+            aria-label="${i18n('retryUpload')}" 
+            type="button" 
+            onclick=${retryAll}>
+          ${i18n('retry')}</button>
+        <span class="UppyStatusBar-details" 
+              data-balloon="${error}" 
+              data-balloon-pos="up" 
+              data-balloon-length="large">?</span>
       </div>
-    </div>
   `
 }
 
diff --git a/src/plugins/StatusBar/index.js b/src/plugins/StatusBar/index.js
index 1076888fb..8f9d52c85 100644
--- a/src/plugins/StatusBar/index.js
+++ b/src/plugins/StatusBar/index.js
@@ -24,6 +24,7 @@ module.exports = class StatusBarUI extends Plugin {
         paused: 'Paused',
         error: 'Error',
         retry: 'Retry',
+        pressToRetry: 'Press to retry',
         retryUpload: 'Retry upload',
         resumeUpload: 'Resume upload',
         cancelUpload: 'Cancel upload',
diff --git a/src/scss/_statusbar.scss b/src/scss/_statusbar.scss
index f892a810a..48811c9ec 100644
--- a/src/scss/_statusbar.scss
+++ b/src/scss/_statusbar.scss
@@ -81,9 +81,11 @@ button.UppyStatusBar-action {
   cursor: pointer;
 }
 
-.UppyStatusBar-button {
+.UppyStatusBar-retryBtn {
   @include reset-button;
   cursor: pointer;
+  border-bottom: 1px solid $color-white;
+  font-weight: 600;
 }
 
 .UppyStatusBar-details {
@@ -97,9 +99,9 @@ button.UppyStatusBar-action {
   border-radius: 50%;
   position: relative;
   top: -1px;
-  left: 3px;
+  left: 6px;
   font-size: 10px;
-  margin-left: -1px;
+  // margin-left: -1px;
   text-align: center;
 }