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`
-
-
+
${i18n('uploadFailed')}.
-
-
?
+
+
?
-
`
}
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;
}