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 {