Fixed margin between image preview and upload button

diff --git a/wcfsetup/install/files/acp/style/layout.scss b/wcfsetup/install/files/acp/style/layout.scss
index b1abd9134cfdd49968d541ef21ee48c925a4fb16..a5e6124e02920c58f293fe619a9e4c7c60525b5b 100644 (file)
--- a/wcfsetup/install/files/acp/style/layout.scss
+++ b/wcfsetup/install/files/acp/style/layout.scss
@@ -317,3 +317,9 @@ $wcfAcpMenuWidth: 150px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);
        border: 1px solid #ccc;
 }
+
+.selectedImagePreview {
+       img {
+               margin-bottom: 5px;
+       }
+}

diff --git a/wcfsetup/install/files/acp/templates/articleAdd.tpl b/wcfsetup/install/files/acp/templates/articleAdd.tpl
index d6c226ddcd262ebe1b24923bca18f74683ddd7ed..c79ecbaf9a407baaa711c13a2c29ba1e7cd05112 100644 (file)
--- a/wcfsetup/install/files/acp/templates/articleAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/articleAdd.tpl
@@ -157,7 +157,7 @@
                                <dl{if $errorField == 'image'} class="formError"{/if}>
                                        <dt><label for="image">{lang}wcf.acp.article.image{/lang}</label></dt>
                                        <dd>
-                                               <div id="imageDisplay">
+                                               <div id="imageDisplay" class="selectedImagePreview">
                                                        {if $images[0]|isset}
                                                                {@$images[0]->getThumbnailTag('small')}
                                                        {/if}

diff --git a/wcfsetup/install/files/acp/templates/boxAdd.tpl b/wcfsetup/install/files/acp/templates/boxAdd.tpl
index 00fd62ca85f498681d3dbb3d884e867785d29002..d0f76da7818f38af1879e66eef6a544b0b32a3dc 100644 (file)
--- a/wcfsetup/install/files/acp/templates/boxAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/boxAdd.tpl
@@ -246,7 +246,7 @@
                                                <dl{if $errorField == 'image'} class="formError"{/if}>
                                                        <dt><label for="image">{lang}wcf.acp.box.image{/lang}</label></dt>
                                                        <dd>
-                                                               <div id="imageDisplay">
+                                                               <div id="imageDisplay" class="selectedImagePreview">
                                                                        {if $images[0]|isset}
                                                                                {@$images[0]->getThumbnailTag('small')}
                                                                        {/if}
@@ -319,7 +319,7 @@
                                                                                <dl{if $errorField == 'image'|concat:$availableLanguage->languageID} class="formError"{/if}>
                                                                                        <dt><label for="image{@$availableLanguage->languageID}">{lang}wcf.acp.box.image{/lang}</label></dt>
                                                                                        <dd>
-                                                                                               <div id="imageDisplay{@$availableLanguage->languageID}">
+                                                                                               <div id="imageDisplay{@$availableLanguage->languageID}" class="selectedImagePreview">
                                                                                                        {if $images[$availableLanguage->languageID]|isset}
                                                                                                                {@$images[$availableLanguage->languageID]->getThumbnailTag('small')}
                                                                                                        {/if}

diff --git a/wcfsetup/install/files/acp/templates/styleAdd.tpl b/wcfsetup/install/files/acp/templates/styleAdd.tpl
index 71b11c81f64c3fe72a796d8661de3e20aa7ce3b4..9a00f80eac3cde8944d7d0397dd96ef05302d4ef 100644 (file)
--- a/wcfsetup/install/files/acp/templates/styleAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/styleAdd.tpl
@@ -234,7 +234,9 @@
                                <dl{if $errorField == 'image'} class="formError"{/if}>
                                        <dt><label for="image">{lang}wcf.acp.style.image{/lang}</label></dt>
                                        <dd>
-                                               <img src="{if $action == 'add'}{@$__wcf->getPath()}images/stylePreview.png{else}{@$style->getPreviewImage()}{/if}" alt="" id="styleImage">
+                                               <div class="selectedImagePreview">
+                                                       <img src="{if $action == 'add'}{@$__wcf->getPath()}images/stylePreview.png{else}{@$style->getPreviewImage()}{/if}" alt="" id="styleImage">
+                                               </div>
                                                <div id="uploadImage"></div>
                                                <small>{lang}wcf.acp.style.image.description{/lang}</small>
                                        </dd>
@@ -343,7 +345,9 @@
                                <dl>
                                        <dt><label for="pageLogo">{lang}wcf.acp.style.globals.pageLogo{/lang}</label></dt>
                                        <dd>
-                                               <img src="" alt="" id="styleLogo" style="max-width: 100%">
+                                               <div class="selectedImagePreview">
+                                                       <img src="" alt="" id="styleLogo" style="max-width: 100%">
+                                               </div>
                                                <div id="uploadLogo"></div>
                                        </dd>
                                        <dd>
@@ -368,7 +372,9 @@
                                <dl>
                                        <dt><label for="pageLogoMobile">{lang}wcf.acp.style.globals.pageLogoMobile{/lang}</label></dt>
                                        <dd>
-                                               <img src="" alt="" id="styleLogoMobile" style="max-width: 100%">
+                                               <div class="selectedImagePreview">
+                                                       <img src="" alt="" id="styleLogoMobile" style="max-width: 100%">
+                                               </div>
                                                <div id="uploadLogoMobile"></div>
                                        </dd>
                                        <dd>