keep long file names in one line to not overflow download button on mobile

diff --git a/apps/files_sharing/css/public.css b/apps/files_sharing/css/public.css
index 062444f496fb326b021e265e2a095d5cfa498fbf..d36683d42cd45ae4d3f0d40d667831da4881cb5e 100644 (file)
--- a/apps/files_sharing/css/public.css
+++ b/apps/files_sharing/css/public.css
@@ -70,13 +70,26 @@ thead {
        margin: 0;
 }
 
+
 .directDownload,
 .directLink {
        margin-bottom: 20px;
 }
+
+/* keep long file names in one line to not overflow download button on mobile */
+.directDownload #download {
+       white-space: nowrap;
+       overflow: hidden;
+       text-overflow: ellipsis;
+       max-width: 90%;
+       display: inline-block;
+       margin-left: auto;
+       margin-right: auto;
+}
 .directDownload .button img {
        vertical-align: text-bottom;
 }
+
 .directLink label {
        font-weight: normal;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";