diff --git a/website/client/src/components/shops/buyModal.vue b/website/client/src/components/shops/buyModal.vue index 519657acad..5a1cffd91c 100644 --- a/website/client/src/components/shops/buyModal.vue +++ b/website/client/src/components/shops/buyModal.vue @@ -465,7 +465,7 @@ height: 40px; font-size: 1.25rem; font-weight: bold; - vertical-align: middle; + align-items: center; padding: 8px 20px 8px 20px; &.gems { @@ -517,7 +517,8 @@ font-size: 0.875rem; height: 24px; line-height: 1.71; - padding-right: 4px; + margin-right: 4px; + margin-left: -4px; &.gems { color: $green-10; @@ -533,7 +534,7 @@ } button.btn.btn-primary { - margin-top: 14px; + margin-top: 16px; padding: 4px 16px; height: 32px; @@ -547,11 +548,6 @@ opacity: 0.55; } - - .gems-left { - margin-top: .5em; - } - .free-rebirth { background-color: $yellow-5; color: $white; @@ -572,6 +568,7 @@ margin-top: 24px; color: $green-1; width: 100%; + margin-bottom: -24px; } .out-of-gems-banner { @@ -581,6 +578,7 @@ background-color: $yellow-100; color: $yellow-1; width: 100%; + margin-bottom: -24px; } .limitedTime { @@ -590,6 +588,7 @@ margin: 24px 0 0 0; background-color: $purple-300; color: $white; + margin-bottom: -24px; } } diff --git a/website/client/src/components/shops/market/sellModal.vue b/website/client/src/components/shops/market/sellModal.vue index 3b8dfbd051..0c225dba45 100644 --- a/website/client/src/components/shops/market/sellModal.vue +++ b/website/client/src/components/shops/market/sellModal.vue @@ -160,7 +160,7 @@ font-weight: bold; line-height: 1.33; background-color: $gray-600; - padding: 8px 41px; + padding: 8px 8px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; display: block; @@ -296,7 +296,8 @@ font-size: 0.875rem; height: 24px; line-height: 1.71; - padding-right: 4px; + margin-right: 4px; + margin-left: -4px; &.gold { color: $yellow-5; @@ -304,7 +305,7 @@ } button.btn.btn-primary { - margin-top: 14px; + margin-top: 16px; padding: 4px 16px; height: 32px;