image-editor: fix controls in small Dashboard (#4113)

packages/@uppy/image-editor/src/style.scss

@@ -31,7 +31,7 @@
   background-color: rgba($black, 0.6);
   transform: translateX(-50%);
 
-  @media screen and (min-width: 768px) {
+  .uppy-size--md & {
     padding-top: 0;
   }
 }
@@ -70,18 +70,16 @@
   left: 10px;
   height: 38px;
 
-  @media screen and (min-width: 768px) {
+  .uppy-size--md & {
     position: static !important;
     height: auto;
   }
 }
 
-.uppy-ImageCropper-range {
-  @media screen and (min-width: 768px) {
-    width: 180px;
-    margin-right: 15px;
-    margin-left: 5px;
-  }
+.uppy-size--md .uppy-ImageCropper-range {
+  width: 180px;
+  margin-right: 15px;
+  margin-left: 5px;
 }
 
 // Cropper overrides