update fix issue

package.json

 {
     "name": "react-ag-qeditor",
-    "version": "1.1.60",
+    "version": "1.1.61",
     "description": "WYSIWYG html editor",
     "author": "atma",
     "license": "MIT",

src/components/ToolBar.js

@@ -356,6 +356,19 @@ const ToolBar = ({ editor, toolsLib = [], toolsOptions  }) => {
     return (
         <div className="atma-editor-toolbar">
             { getItems() }
+            <a
+                href="https://info.atmaguru.online/books/rukovodstvo-administratora-atmaguru/page/redaktor-i-ego-funkcii"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="atma-editor-toolbar-info"
+                title="Справка по редактору"
+            >
+                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <circle cx="9" cy="9" r="8" stroke="currentColor" strokeWidth="1.5"/>
+                    <path d="M9 8v5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
+                    <circle cx="9" cy="5.5" r="0.75" fill="currentColor"/>
+                </svg>
+            </a>
         </div>
     )
 }

src/index.scss

@@ -266,7 +266,7 @@ body{
         box-shadow: 0 -3px 0 3px #ffffff;
         padding: 6px;
         z-index: 10;
-        grid-gap: 8.7px;
+        grid-gap: 6px;
 
         &-g{
             display: flex;
@@ -290,6 +290,23 @@ body{
             align-self: center;
         }
 
+        &-info{
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-left: auto;
+            padding: 2px 4px;
+            color: #8c8c8c;
+            flex-shrink: 0;
+            align-self: center;
+            text-decoration: none;
+            border-radius: 4px;
+            transition: color 0.15s;
+            &:hover{
+                color: #1790FF;
+            }
+        }
+
         &-s{
             $this: &;
             position: relative;