diff --git a/app/javascript/flavours/glitch/features/account/components/action_bar.jsx b/app/javascript/flavours/glitch/features/account/components/action_bar.jsx index c50e99bab..362b67117 100644 --- a/app/javascript/flavours/glitch/features/account/components/action_bar.jsx +++ b/app/javascript/flavours/glitch/features/account/components/action_bar.jsx @@ -30,7 +30,8 @@ class ActionBar extends PureComponent { return (
- + @@ -44,14 +45,17 @@ class ActionBar extends PureComponent { if (account.get('acct') !== account.get('username')) { extraInfo = (
- - {' '} - - - + +
+ + {' '} + + + +
); } diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss index ccaa394bf..f121cf39d 100644 --- a/app/javascript/flavours/glitch/styles/components/accounts.scss +++ b/app/javascript/flavours/glitch/styles/components/accounts.scss @@ -161,6 +161,7 @@ padding: 10px; gap: 5px; color: $dark-text-color; + align-items: center; strong { font-weight: 500; diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index 895d54c32..dc1337429 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -148,6 +148,7 @@ line-height: inherit; cursor: pointer; vertical-align: top; + align-items: center; &:hover { background: lighten($ui-base-color, 33%); @@ -160,6 +161,8 @@ border-inline-start: 1px solid currentColor; padding: 0; padding-inline-start: 4px; + width: 16px; + height: 16px; } }