drag styles

src/scss/_dashboard.scss

@@ -300,32 +300,20 @@
 }
 
 .UppyDashboard-files--noFiles {
-  border: 2px dashed #E4E4E4;
+  border: 2px dashed;
+  border-color: #E4E4E4;
   border-radius: 10px;
   margin: 0 15px 15px 15px;
 }
 
-// border-radius + overflow:scroll leads to performance issues
-// so we are using a wrapper here
-// .UppyDashboard-filesInner {
-//   // position: absolute;
-//   // top: 0;
-//   // left: 0;
-//   // right: 0;
-//   // bottom: 0;
-//   @include clearfix;
-//   overflow-y: auto;
-//   margin: 0;
-//   display: flex;
-//   flex-flow: row wrap;
-//   padding: 5px 10px;
-// }
-
 .UppyDashboard.drag .UppyDashboard-innerWrap  {
-  border-color: lighten($color-gray, 5%);
   background-color: darken($color-white, 10%)
 }
 
+.UppyDashboard.drag .UppyDashboard-files--noFiles {
+  border-color: darken(#E4E4E4, 20%);
+}
+
 .UppyDashboard-bgIcon {
   width: 250px;
   position: absolute;
@@ -336,8 +324,19 @@
   transition: all 0.3s;
 }
 
+.UppyDashboard-dropFilesTitle {
+  text-align: center;
+  font-size: 20px;
+  line-height: 1.3;
+  font-weight: normal;
+  color: $color-asphalt-gray;
+  margin: 0;
+}
+
   .UppyDashboard-bgIcon .UppyIcon {
     width: 100%;
+    margin-bottom: 25px;
+    fill: $color-asphalt-gray;
   }
 
   .UppyDashboard.drag .UppyDashboard-bgIcon {
@@ -695,6 +694,10 @@
   right: 20px;
 }
 
+.UppyDashboard-actions button:first-child {
+  margin-bottom: 10px;
+}
+
 .UppyDashboard-actionsItem {
   // margin-bottom: 15px;
 }