permanently show download action on mobile, only icon

2 files changed, 19 insertions, 8 deletions

diff --git a/apps/files/js/fileactions.js b/apps/files/js/fileactions.js
index eb59e71a030..d0ef2491bdf 100644
--- a/apps/files/js/fileactions.js
+++ b/apps/files/js/fileactions.js
@@ -103,9 +103,9 @@ var FileActions = {
 				}
 				var html = '<a href="#" class="action" data-action="' + name + '">';
 				if (img) {
-					html += '<img class ="svg" src="' + img + '" /> ';
+					html += '<img class ="svg" src="' + img + '" />';
 				}
-				html += t('files', name) + '</a>';
+				html += '<span> ' + t('files', name) + '</span></a>';
 
 				var element = $(html);
 				element.data('action', name);
diff --git a/apps/files_sharing/css/mobile.css b/apps/files_sharing/css/mobile.css
index 2118cd31e4b..3c06d0650e3 100644
--- a/apps/files_sharing/css/mobile.css
+++ b/apps/files_sharing/css/mobile.css
@@ -11,12 +11,7 @@ table td.date {
 
 /* restrict length of displayed filename to prevent overflow */
 table td.filename .nametext {
-	max-width: 80% !important;
-}
-/* and to make room for download button on hover */
-table tr:hover td.filename .nametext,
-table tr:focus td.filename .nametext {
-	max-width: 60% !important;
+	max-width: 75% !important;
 }
 
 /* on mobile, show single shared image at full width without margin */
@@ -26,5 +21,21 @@ table tr:focus td.filename .nametext {
 	margin-bottom: 35px;
 }
 
+/* always show actions on mobile */
+#fileList a.action {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
+	filter: alpha(opacity=20) !important;
+	opacity: .2 !important;
+	display: inline !important;
+}
+/* some padding for better clickability */
+#fileList a.action img {
+	padding: 0 6px 0 12px;
+}
+/* hide text of the actions on mobile */
+#fileList a.action span {
+	display: none;
+}
+
 
 }