Thumbnails: Set margin on magnify icon

This prevents the caption from running straight up to the magnify
icon. We use the same offset as the padding used for the caption

Change-Id: Ia5af4b5fecf965ffd43f708c63671182d126edf2

diff --git a/skins/common/commonContent.css b/skins/common/commonContent.css
index ee102f7..de47157 100644 (file)
--- a/skins/common/commonContent.css
+++ b/skins/common/commonContent.css
@@ -126,6 +126,7 @@ html .thumbcaption {
 div.magnify {
        border: none !important;
        background: none !important;
+       margin-left: 3px;
 }
 div.magnify a, div.magnify img {
        display: block;

diff --git a/skins/common/oldshared.css b/skins/common/oldshared.css
index 7f90c77..b68a996 100644 (file)
--- a/skins/common/oldshared.css
+++ b/skins/common/oldshared.css
@@ -84,6 +84,7 @@ div.magnify {
        float: right;
        border: none !important;
        background: none !important;
+       margin-left: 3px;
 }
 div.magnify a,
 div.magnify img {

diff --git a/skins/modern/main.css b/skins/modern/main.css
index a42845a..1466710 100644 (file)
--- a/skins/modern/main.css
+++ b/skins/modern/main.css
@@ -514,6 +514,7 @@ div.magnify {
        float: right;
        border: none !important;
        background: none !important;
+       margin-left: 3px;
 }
 div.magnify a, div.magnify img {
        display: block;