From d310df505c0de1ed0ba4067a0c8304b8a675fa8c Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 29 Jan 2014 11:43:34 +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 eb59e71a03..d0ef2491bd 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 2118cd31e4..3c06d0650e 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;
+}
+
 
 }