Fix styling of public shared files download button

diff --git a/apps/files_sharing/css/public.css b/apps/files_sharing/css/public.css
index c6ececf65be7ef883c00ebe0884ac8a0392a1c99..fb4794e0474f6cc6866dde024b322e8b74982567 100644 (file)
--- a/apps/files_sharing/css/public.css
+++ b/apps/files_sharing/css/public.css
@@ -1,10 +1,11 @@
 body { background:#ddd; }
 #header { position:fixed; top:0; left:0; right:0; z-index:100; height:2.5em; line-height:2.5em; padding:.5em; background:#1d2d44; -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222; box-shadow:0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222; }
 #details { color:#fff; }
-#header #download { margin-left:2em; font-weight:bold; color:#fff; }
+#header #download { margin-left:2em; font-weight:bold; }
+#header #download img { padding-left: 0.1em; padding-right: 0.3em; vertical-align: text-bottom; }
 #preview { min-height:30em; margin:50px auto; padding-top:2em; border-bottom:1px solid #f8f8f8; background:#eee; text-align:center; }
 #noPreview { display:none; padding-top:5em; }
 p.info { width:22em; text-align: center; margin:2em auto; color:#777; text-shadow:#fff 0 1px 0; }
 p.info a { font-weight:bold; color:#777; }
-#imgframe{ width:80%; height: 75%; margin: 0 auto; padding-bottom:2em; }
-#imgframe img{ max-height:100%; max-width: 100%; }
\ No newline at end of file
+#imgframe { width:80%; height: 75%; margin: 0 auto; padding-bottom:2em; }
+#imgframe img { max-height:100%; max-width: 100%; }
\ No newline at end of file

diff --git a/apps/files_sharing/templates/public.php b/apps/files_sharing/templates/public.php
index ddeab712d8403e4f3cf44dd2b86a7ba47c90bb7f..cd92d7b9dc249746d29d96d55b28cdc07df8bc18 100644 (file)
--- a/apps/files_sharing/templates/public.php
+++ b/apps/files_sharing/templates/public.php
@@ -7,7 +7,7 @@
        <div class="header-right">
                <span id="details"><?php echo $_['details']; ?></span>
                <?php if (!isset($_['folder']) || $_['allowZipDownload']): ?>
-                       <a href="<?php echo $_['downloadURL']; ?>" id="download"><img class="svg" alt="Download" src="<?php echo OCP\image_path("core", "actions/download.svg"); ?>" /><?php echo $l->t('Download')?></a>
+                       <a href="<?php echo $_['downloadURL']; ?>" class="button" id="download"><img class="svg" alt="Download" src="<?php echo OCP\image_path("core", "actions/download.svg"); ?>" /><?php echo $l->t('Download')?></a>
                <?php endif; ?>
        </div>
 </div></header>