diff --git a/apps/files/js/fileactions.js b/apps/files/js/fileactions.js
index 74bb711ef3d..9fea7f5145e 100644
--- a/apps/files/js/fileactions.js
+++ b/apps/files/js/fileactions.js
@@ -103,9 +103,9 @@ var FileActions = {
}
var html = '';
if (img) {
- html += '
';
+ html += '
';
}
- html += t('files', name) + '';
+ html += ' ' + t('files', name) + '';
var element = $(html);
element.data('action', name);
diff --git a/apps/files_sharing/css/mobile.css b/apps/files_sharing/css/mobile.css
index 5928074bab8..8310fb87cb0 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;
+}
+
}
\ No newline at end of file