Block tunes margins now better works with more than 3 buttons (#643)

* Fix settings margins

* Remove "not last-of-type" option for settings buttons

* Update CHANGELOG.md

docs/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+### 2.11.8
+
+- `Fix` — Block tunes margins now better works with more than 3 buttons
+
 ### 2.11.7
 
 - `Fix` *Paste* — Fix pasting into non-initial Blocks

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editorjs/editorjs",
-  "version": "2.11.7",
+  "version": "2.11.8",
   "description": "Editor.js — Native JS, based on API and Open Source",
   "main": "dist/editor.js",
   "types": "./types/index.d.ts",

src/styles/variables.css

@@ -115,10 +115,14 @@
     vertical-align: bottom;
     color: var(--grayText);
 
-    &:not(:last-of-type){
+    &:not(:nth-child(3n+3)) {
       margin-right: 5px;
     }
 
+    &:nth-child(n+4) {
+      margin-top: 5px;
+    }
+
     &:hover {
       background-color: var(--bg-light);
     }