fix: show the filename and message for the uploaded file (#3365)

* fix: uploaded filename is no longer blocked

* fix: increase the height of container to show the text within it

Author: appletreeisyellow

src/dataLoaders/components/DataLoadersOverlay.scss

@@ -93,7 +93,7 @@ $line-protocol--content-height: 206px;
 }
 
 .line-protocol--spinner {
-  height: $line-protocol--content-height + $ix-marg-b + $form-sm-height;
+  height: $line-protocol--content-height + $ix-marg-f + $form-sm-height;
   border: $ix-border solid $cf-grey-15;
   border-radius: $ix-radius;
   display: flex;

src/shared/components/DragAndDrop.scss

@@ -47,7 +47,7 @@ input[type='file'].drag-and-drop--input {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin: 0 0 30px 0;
+  padding: 0 0 15px 0;
   font-size: 20px;
   font-weight: 400;
   &.empty {