From 0992a77cfb683fcbe1bbf47ce7f1d7d6db465a8b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn=20Friedrich=20Dreyer?= <jfd@butonic.de>
Date: Wed, 5 Feb 2014 11:33:43 +0100
Subject: [PATCH] permanently show download action on mobile, only icon

---
 apps/files/js/fileactions.js      |  4 ++--
 apps/files_sharing/css/mobile.css | 23 +++++++++++++++++------
 2 files changed, 19 insertions(+), 8 deletions(-)

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 = '<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 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