diff --git a/assets/css/_partials/_single/_collections.scss b/assets/css/_partials/_single/_collections.scss index b4f8b66a..6f4f8f02 100644 --- a/assets/css/_partials/_single/_collections.scss +++ b/assets/css/_partials/_single/_collections.scss @@ -2,7 +2,7 @@ .collection-card { font-size: 0.875rem; background-color: darken($global-background-color, 3%); - margin-top: 0.5rem; + margin-block: 2rem -1rem; padding: 1rem 1.25rem; position: relative; @include border-radius($global-border-radius * 1.5); diff --git a/assets/css/_partials/_single/_footer.scss b/assets/css/_partials/_single/_footer.scss index 0b73bab6..6542fcdb 100644 --- a/assets/css/_partials/_single/_footer.scss +++ b/assets/css/_partials/_single/_footer.scss @@ -1,13 +1,13 @@ .post-footer { margin: 2rem 0; - &:has(~.post-reward) { - margin-bottom: 0; + &~.post-reward { + margin-block: -2rem 0; } .post-info { border-bottom: 1px solid $global-border-color; - padding: 1rem 0 0.3rem; + padding: 0.3rem 0; [data-theme='dark'] & { border-bottom: 1px solid $global-border-color-dark; @@ -62,7 +62,7 @@ } .post-info-more { - padding: 0.3rem 0 1rem; + padding: 0.3rem 0; display: flex; justify-content: space-between; font-size: 0.9rem; @@ -91,6 +91,7 @@ display: flex; justify-content: space-between; gap: 1.5rem; + padding-block: 0.5rem; @extend .print-d-none; .post-nav-item { diff --git a/assets/css/_partials/_single/_reward.scss b/assets/css/_partials/_single/_reward.scss index bed5deb2..d5f03252 100644 --- a/assets/css/_partials/_single/_reward.scss +++ b/assets/css/_partials/_single/_reward.scss @@ -1,12 +1,9 @@ .post-reward { padding: 1rem; text-align: center; + margin-bottom: -1rem; @extend .print-d-none; - &~.post-footer { - margin-top: 0; - } - &:has(.reward-ways:empty) { display: none; }