From a7741db57679b338eb776a26b4d16343b2da6bc1 Mon Sep 17 00:00:00 2001 From: diondiondion Date: Mon, 18 May 2026 16:33:23 +0200 Subject: [PATCH] [Glitch] Unify compact button size between variants Port 28ae61f34d1d3dfdf906708e9f2533d5ed293739 to glitch-soc Signed-off-by: Claire --- .../flavours/glitch/styles/mastodon/components.scss | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/app/javascript/flavours/glitch/styles/mastodon/components.scss b/app/javascript/flavours/glitch/styles/mastodon/components.scss index b9c481ef7a..5666c79dea 100644 --- a/app/javascript/flavours/glitch/styles/mastodon/components.scss +++ b/app/javascript/flavours/glitch/styles/mastodon/components.scss @@ -84,7 +84,7 @@ .button { background-color: var(--color-bg-brand-base); - border: 10px none; + border: 1px solid transparent; border-radius: 4px; box-sizing: border-box; color: var(--color-text-on-brand-base); @@ -99,7 +99,7 @@ letter-spacing: 0; line-height: 22px; overflow: hidden; - padding: 7px 18px; + padding: 6px 17px; position: relative; text-align: center; text-decoration: none; @@ -168,8 +168,7 @@ &.button-secondary { color: var(--color-text-brand); background: transparent; - padding: 6px 17px; - border: 1px solid var(--color-border-brand); + border-color: var(--color-border-brand); &:active, &:focus, @@ -212,7 +211,11 @@ // visually align its label with its surroundings while maintaining // a generous click target margin-inline: -6px; - border: 1px solid transparent; + + &.button--compact { + padding: 5px; + margin-inline: -5px; + } &:active, &:focus,