From c9fa48aafe7568cf0f5c3322bfd111b3bc624594 Mon Sep 17 00:00:00 2001 From: Kyzyl-ool Kezhik Date: Fri, 17 Nov 2023 14:38:43 +0100 Subject: [PATCH] fix: use flex column-gap instead of margins in buttons element (#701) --- src/sub-blocks/Content/Content.scss | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/src/sub-blocks/Content/Content.scss b/src/sub-blocks/Content/Content.scss index b54db71eb..b837ab1c9 100644 --- a/src/sub-blocks/Content/Content.scss +++ b/src/sub-blocks/Content/Content.scss @@ -43,15 +43,10 @@ $darkSecondary: var(--g-color-text-dark-secondary); } } - &__button { - @include add-specificity(&) { - margin-top: 0; - margin-right: $indentXXS; - - &:last-child { - margin-right: 0; - } - } + &__buttons { + display: flex; + flex-wrap: wrap; + column-gap: $indentXXS; } &__links { @@ -70,6 +65,10 @@ $darkSecondary: var(--g-color-text-dark-secondary); text-align: center; } + #{$block}__buttons { + justify-content: center; + } + #{$block}__links { align-items: center; }