From 7f372bb02502a62fbc0f257fd2a749d5c2ce47ad Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Thu, 30 Apr 2020 11:23:02 +0700
Subject: [PATCH] fixed panel appearance

---
 src/components/node/NodePanelInner/index.tsx  |  2 +-
 .../node/NodePanelInner/styles.scss           | 21 ++++++++++---------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/node/NodePanelInner/index.tsx b/src/components/node/NodePanelInner/index.tsx
index 9232a222..920fd62e 100644
--- a/src/components/node/NodePanelInner/index.tsx
+++ b/src/components/node/NodePanelInner/index.tsx
@@ -62,7 +62,7 @@ const NodePanelInner: FC<IProps> = memo(
           {can_edit && (
             <div className={styles.editor_menu}>
               <div className={styles.editor_menu_button}>
-                <Icon icon="dots-vertical" size={24} onClick={onStar} />
+                <Icon icon="dots-vertical" size={24} />
               </div>
 
               <div className={styles.editor_buttons}>
diff --git a/src/components/node/NodePanelInner/styles.scss b/src/components/node/NodePanelInner/styles.scss
index d5dd2970..c8b9161f 100644
--- a/src/components/node/NodePanelInner/styles.scss
+++ b/src/components/node/NodePanelInner/styles.scss
@@ -253,18 +253,19 @@
 }
 
 .editor_menu {
-  // position: relative;
-
   &:hover {
     .editor_buttons {
-      display: flex;
-      position: absolute;
-      right: 0;
-      top: 100%;
-      background: darken($content_bg, 4%);
-      padding: $gap $gap * 2;
-      border-radius: $radius;
-      box-shadow: transparentize(black, 0.8) 5px 5px 5px;
+      @include tablet {
+        display: flex;
+        position: absolute;
+        right: 0;
+        top: 100%;
+        background: darken($content_bg, 4%);
+        padding: $gap * 2;
+        border-radius: $radius;
+        box-shadow: transparentize(black, 0.8) 5px 5px 5px;
+        transform: translate(0, -10px);
+      }
     }
   }
 }