Updated visuals in content

diff --git a/wcfsetup/install/files/style/layout/content.scss b/wcfsetup/install/files/style/layout/content.scss
index 1566fb078840da09d8263f84ee9c2fa8a83f6ae2..9ee411161f047419d7339b662fff6145d1896f0f 100644 (file)
--- a/wcfsetup/install/files/style/layout/content.scss
+++ b/wcfsetup/install/files/style/layout/content.scss
@@ -3,7 +3,6 @@
 .contentHeader,
 .boxHeadline { // deprecated
        color: $wcfContentHeadlineText; // todo: rename variable
-       margin-bottom: 40px;
        
        .contentTitle,
        > h1 { // deprecated
@@ -220,16 +219,9 @@ fieldset {
        // align <nav> to the right side
        justify-content: flex-end;
        
-       &:not(:first-child) {
-               margin-top: 40px;
-       }
-       
-       &:not(:last-child) {
-               margin-bottom: 40px;
-       }
-       
        > nav {
                flex: 0 0 auto;
+               margin-top: 30px;
                order: 3;
                
                &.pagination {
@@ -265,4 +257,8 @@ fieldset {
                        }
                }
        }
+       
+       & + .section {
+               margin-top: 30px;
+       }
 }

diff --git a/wcfsetup/install/files/style/ui/alert.scss b/wcfsetup/install/files/style/ui/alert.scss
index cd80e46ed55554ca169b4d068fbee14a613205cc..ecb62bf86f3677e05ef042bbcd2baf381a2faf2f 100644 (file)
--- a/wcfsetup/install/files/style/ui/alert.scss
+++ b/wcfsetup/install/files/style/ui/alert.scss
@@ -4,7 +4,7 @@
 .warning {
        border-left: 5px solid transparent;
        padding: 10px 20px;
-       margin-bottom: 20px;
+       margin-top: 20px;
 }
 
 .error {

diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss
index 0e0679eac5e5cf83fd939e9954155f1c28d20965..08b7e3774bfc0696f2fe9ec748ab73432693fc66 100644 (file)
--- a/wcfsetup/install/files/style/ui/message.scss
+++ b/wcfsetup/install/files/style/ui/message.scss
@@ -280,7 +280,7 @@
 .messageFooterNote {
        border-left: 5px solid $wcfContentBorderInner;
        color: $wcfContentDimmedText;
-       margin-top: 10px;
+       margin-top: 20px;
        padding: 5px 10px;
        
        @extend .wcfFontSmall;
@@ -300,8 +300,11 @@
        display: flex;
        flex-wrap: wrap;
        
-       &:not(:first-child) {   
-               margin-top: 20px;
+       &:not(:first-child) {
+               > .likesSummary,
+               > .messageFooterButtons {
+                       margin-top: 20px;
+               }
        }
        
        > .likesSummary {