Fix react button misalignment on safari ios

1 year ago · 8cc6b213fb
parent d5e9a28c84
commit 8cc6b213fb
2 changed files with 3 additions and 0 deletions
--- a/changelog.d/react-button-safari.fix
+++ b/changelog.d/react-button-safari.fix
@ -0,0 +1 @@
+Fix react button misalignment on safari ios
--- a/src/components/emoji_reactions/emoji_reactions.vue
+++ b/src/components/emoji_reactions/emoji_reactions.vue
@ -93,6 +93,7 @@

      .emoji-reaction-count-button {
        background-color: var(--btn);
+        margin: 0;
        height: 100%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
@ -120,6 +121,7 @@
    box-sizing: border-box;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
+    margin: 0;

    .reaction-emoji {
      width: var(--emoji-size);