diff options
| -rw-r--r-- | app/javascript/flavours/glitch/features/account/components/header.js | 2 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/accounts.scss | 12 |
2 files changed, 12 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/features/account/components/header.js b/app/javascript/flavours/glitch/features/account/components/header.js index 93831b3e7..47c074ec3 100644 --- a/app/javascript/flavours/glitch/features/account/components/header.js +++ b/app/javascript/flavours/glitch/features/account/components/header.js @@ -317,8 +317,6 @@ class Header extends ImmutablePureComponent { <Avatar account={suspended || hidden ? undefined : account} size={90} /> </a> - <div className='spacer' /> - {!suspended && ( <div className='account__header__tabs__buttons'> {!hidden && ( diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss index 00519adf1..ac2d642a8 100644 --- a/app/javascript/flavours/glitch/styles/components/accounts.scss +++ b/app/javascript/flavours/glitch/styles/components/accounts.scss @@ -535,8 +535,11 @@ &__tabs { display: flex; align-items: flex-start; + justify-content: space-between; padding: 7px 10px; margin-top: -55px; + gap: 8px; + overflow: hidden; &__buttons { display: flex; @@ -545,6 +548,15 @@ padding-top: 55px; overflow: hidden; + .button { + flex-shrink: 1; + white-space: nowrap; + + @media screen and (max-width: $no-gap-breakpoint) { + min-width: 0; + } + } + .icon-button { border: 1px solid lighten($ui-base-color, 12%); border-radius: 4px; |