diff --git a/packages/@uppy/status-bar/src/StatusBar.js b/packages/@uppy/status-bar/src/StatusBar.js
index ceb3fd139..27790a17f 100644
--- a/packages/@uppy/status-bar/src/StatusBar.js
+++ b/packages/@uppy/status-bar/src/StatusBar.js
@@ -173,7 +173,7 @@ const CancelBtn = (props) => {
onclick={props.cancelAll}>
@@ -193,13 +193,13 @@ const PauseResumeButton = (props) => {
{isAllPaused
?
:
diff --git a/packages/@uppy/status-bar/src/style.scss b/packages/@uppy/status-bar/src/style.scss
index 08f5c229c..38c76b97b 100644
--- a/packages/@uppy/status-bar/src/style.scss
+++ b/packages/@uppy/status-bar/src/style.scss
@@ -114,7 +114,6 @@
overflow-x: hidden;
.uppy-size--md & {
- line-height: 1.5;
max-width: 400px;
}
}
@@ -125,7 +124,7 @@
.uppy-StatusBar-statusSecondary {
font-size: 11px;
- // line-height: 1;
+ line-height: 1.2;
display: inline-block;
color: rgba($color-asphalt-gray, 0.8);
text-overflow: ellipsis;
@@ -187,7 +186,8 @@
.uppy-StatusBar-actionCircleBtn {
line-height: 1;
cursor: pointer;
- padding: 4px;
+ padding: 3px;
+ opacity: 0.9;
// display: flex;
// align-items: center;
// justify-content: center;
@@ -197,6 +197,10 @@
// color: rgba($color-black, 0.6);
// background-color: rgba($color-gray, 0.3);
// text-align: center;
+
+ &:hover {
+ opacity: 1;
+ }
}
.uppy-StatusBar-actionCircleBtn:focus {