fix public share download button width

apps/files_sharing/css/public.css

@@ -88,13 +88,20 @@ thead{
 	margin: 0;
 }
 
+.directDownload,
 .directLink {
 	margin-bottom: 20px;
 }
+	.directDownload .button img {
+		vertical-align: text-bottom;
+	}
 	.directLink label {
 		font-weight: normal;
+		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+		filter: alpha(opacity=50);
+		opacity: .5;
 	}
 	.directLink input {
-		margin-left: 10px;
+		margin-left: 5px;
 		width: 300px;
 	}

apps/files_sharing/templates/public.php

@@ -43,9 +43,9 @@
 					</li>
 				</ul>
 			<?php endif; ?>
-			<div class="button">
-				<a href="<?php p($_['downloadURL']); ?>" id="download">
-					<img class="svg" alt="Download" src="<?php print_unescaped(OCP\image_path("core", "actions/download.svg")); ?>"/>
+			<div class="directDownload">
+				<a href="<?php p($_['downloadURL']); ?>" id="download" class="button">
+					<img class="svg" alt="" src="<?php print_unescaped(OCP\image_path("core", "actions/download.svg")); ?>"/>
 					<?php p($l->t('Download %s', array($_['filename'])))?>
 				</a>
 			</div>