diff options
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/components/MkReactionsViewer.reaction.vue | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue index 65a5c2374e..8de226802d 100644 --- a/packages/frontend/src/components/MkReactionsViewer.reaction.vue +++ b/packages/frontend/src/components/MkReactionsViewer.reaction.vue @@ -139,12 +139,14 @@ if (!mock) { <style lang="scss" module> .root { - display: inline-block; + display: inline-flex; height: 42px; margin: 2px; padding: 0 6px; font-size: 1.5em; border-radius: 6px; + align-items: center; + justify-content: center; &.canToggle { background: var(--buttonBg); @@ -183,7 +185,7 @@ if (!mock) { &.reacted, &.reacted:hover { background: var(--accentedBg); color: var(--accent); - box-shadow: 0 0 0px 1px var(--accent) inset; + box-shadow: 0 0 0 1px var(--accent) inset; > .count { color: var(--accent); |