From 8be36ae07bc6c8277c16f9446c5bc7f09f57c6ea Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Mon, 27 Jan 2025 13:30:04 +0200 Subject: [PATCH] reduced width of quick actions and fixed pin icon --- src/components/status_action_buttons/action_button.scss | 3 +++ .../status_action_buttons/status_action_buttons.scss | 3 +-- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/status_action_buttons/action_button.scss b/src/components/status_action_buttons/action_button.scss index a52b2bc42..d433f64b0 100644 --- a/src/components/status_action_buttons/action_button.scss +++ b/src/components/status_action_buttons/action_button.scss @@ -2,7 +2,9 @@ /* stylelint-disable declaration-no-important */ .quick-action { + justify-content: space-between; display: flex; + align-items: baseline; align-items: center; height: 1.5em; @@ -35,6 +37,7 @@ border-radius: var(--roundness); grid-template-columns: minmax(max-content, 1fr) auto; + .chevron-icon, .extra-button, .separator { display: none; diff --git a/src/components/status_action_buttons/status_action_buttons.scss b/src/components/status_action_buttons/status_action_buttons.scss index 4acf4a072..018ff34d9 100644 --- a/src/components/status_action_buttons/status_action_buttons.scss +++ b/src/components/status_action_buttons/status_action_buttons.scss @@ -3,12 +3,11 @@ .StatusActionButtons { .quick-action-buttons { display: grid; - grid-template-columns: repeat(auto-fill, 5em); + grid-template-columns: repeat(auto-fill, 4em); grid-auto-flow: row dense; grid-auto-rows: 1fr; grid-gap: 1.25em 1em; margin-top: var(--status-margin); - align-items: baseline; } .pin-action-button {