diff --git a/src/components/status_action_buttons/action_button.scss b/src/components/status_action_buttons/action_button.scss index fe4983946..81e64aa93 100644 --- a/src/components/status_action_buttons/action_button.scss +++ b/src/components/status_action_buttons/action_button.scss @@ -6,6 +6,12 @@ grid-template-columns: max-content; grid-gap: 0.25em; + .action-counter { + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + &.-pin { margin: calc(-2px - 0.25em); padding: 0.25em; @@ -35,7 +41,7 @@ .action-button-inner { display: grid; grid-gap: 1em; - grid-template-columns: max-content max-content; + grid-template-columns: max-content 1fr; grid-auto-flow: column; grid-auto-columns: max-content; align-items: center; diff --git a/src/components/status_action_buttons/status_action_buttons.scss b/src/components/status_action_buttons/status_action_buttons.scss index 89f9ade82..2764356c0 100644 --- a/src/components/status_action_buttons/status_action_buttons.scss +++ b/src/components/status_action_buttons/status_action_buttons.scss @@ -3,7 +3,7 @@ .StatusActionButtons { .quick-action-buttons { display: grid; - grid-template-columns: repeat(auto-fill, 6em); + grid-template-columns: repeat(auto-fill, 5em); grid-auto-flow: row dense; grid-auto-rows: 1fr; grid-gap: 1.25em 1em;