diff --git a/modules/backend/formwidgets/fileupload/assets/css/fileupload.css b/modules/backend/formwidgets/fileupload/assets/css/fileupload.css index 6699d8996..491dc875a 100644 --- a/modules/backend/formwidgets/fileupload/assets/css/fileupload.css +++ b/modules/backend/formwidgets/fileupload/assets/css/fileupload.css @@ -589,7 +589,7 @@ width: 15%; } .field-fileupload.style-file-multi .upload-object .meta a.drag-handle { - top: 0; + top: -2px; bottom: auto; line-height: 150%; padding: 10px 0; @@ -630,7 +630,18 @@ .field-fileupload.style-file-multi .upload-object:hover h4 { padding-right: 35px; } -@media (max-width: 1024px) { +@media (max-width: 1199px) { + .field-fileupload.style-file-multi .info { + margin-right: 20% !important; + } + .field-fileupload.style-file-multi .info p.size { + width: 20% !important; + } + .field-fileupload.style-file-multi .meta { + width: 20% !important; + } +} +@media (max-width: 991px) { .field-fileupload.style-file-multi .upload-object h4 { padding-right: 35px !important; } diff --git a/modules/backend/formwidgets/fileupload/assets/less/fileupload.filemulti.less b/modules/backend/formwidgets/fileupload/assets/less/fileupload.filemulti.less index b8840c8c8..5fa0106c6 100644 --- a/modules/backend/formwidgets/fileupload/assets/less/fileupload.filemulti.less +++ b/modules/backend/formwidgets/fileupload/assets/less/fileupload.filemulti.less @@ -92,7 +92,7 @@ width: 15%; a.drag-handle { - top: 0; + top: -2px; bottom: auto; line-height: 150%; padding: 10px 0; @@ -140,7 +140,22 @@ // Media // -@media (max-width: 1024px) { +@media (max-width: @screen-md-max) { + .field-fileupload.style-file-multi { + .info { + margin-right: 20% !important; + p.size { + width: 20% !important; + } + } + + .meta { + width: 20% !important; + } + } +} + +@media (max-width: @screen-sm-max) { .field-fileupload.style-file-multi { .upload-object { h4 { padding-right: 35px !important; }