Fixed: icon centering in Firefox

codex-team · Apr 25, 2020 · f4c4051 · f4c4051
1 parent 775ccbc
commit f4c4051
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/dist/editor.js b/dist/editor.js
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -6,6 +6,7 @@
 - `Improvements` - Fix many code-style issues, add missed annotations.
 - `Improvements` - Adjusted GitHub Action for ESLint.
 - `New` *I18n API* — Ability to provide internalization for Editor.js core and tools. [#751](https://github.com/codex-team/editor.js/issues/751)
+- `Fix` - Fixed wrong toolbar icon centering in Firefox [#1120](https://github.com/codex-team/editor.js/pull/1120)
 
 ### 2.17
 

diff --git a/src/styles/variables.css b/src/styles/variables.css
@@ -117,6 +117,8 @@
    */
   --toolbar-button: {
     display: inline-flex;
+    align-items: center;
+    justify-content: center;
     width: 34px;
     height: 34px;
     line-height: 34px;
@@ -135,11 +137,6 @@
       background-color: var(--bg-light);
     }
 
-    & > svg,
-    .icon {
-      margin: auto;
-    }
-
     &--active {
       color: var(--color-active-icon);
     }