diff --git a/app/javascript/flavours/glitch/features/account/components/account_note.js b/app/javascript/flavours/glitch/features/account/components/account_note.js index 8a99bfcb86d..6e5ed7703a2 100644 --- a/app/javascript/flavours/glitch/features/account/components/account_note.js +++ b/app/javascript/flavours/glitch/features/account/components/account_note.js @@ -54,11 +54,11 @@ class Header extends ImmutablePureComponent { if (isEditing) { action_buttons = (
-
-
@@ -66,7 +66,7 @@ class Header extends ImmutablePureComponent { } else { action_buttons = (
-
diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss index c1e3ae83579..0fc2a11ffa2 100644 --- a/app/javascript/flavours/glitch/styles/components/accounts.scss +++ b/app/javascript/flavours/glitch/styles/components/accounts.scss @@ -742,8 +742,31 @@ justify-content: flex-end; flex: 1 0; + .icon-button { + font-size: 14px; + padding: 2px 6px; + color: $darker-text-color; + + &:hover, + &:active, + &:focus { + color: lighten($darker-text-color, 7%); + background-color: rgba($darker-text-color, 0.15); + } + + &:focus { + background-color: rgba($darker-text-color, 0.3); + } + + &[disabled] { + color: darken($darker-text-color, 13%); + background-color: transparent; + cursor: default; + } + } + .flex-spacer { - flex: 0 0 15px; + flex: 0 0 5px; background: transparent; } } @@ -754,10 +777,6 @@ text-transform: uppercase; } - button:hover span { - text-decoration: underline; - } - textarea { display: block; box-sizing: border-box;