From 80b06fe38dc2ef9da5ddd1fef9403b5aaab27fc8 Mon Sep 17 00:00:00 2001
From: Wroud <wrouds@gmail.com>
Date: Fri, 30 Apr 2021 14:03:24 +0300
Subject: [PATCH] feat(plugin-data-spreadsheet-new): CB-752 cell menu styles

---
 .../DataGrid/Formatters/Menu/cellMenuStyles.ts  | 17 ++++-------------
 .../src/styles/base.scss                        |  6 ++++++
 2 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/cellMenuStyles.ts b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/cellMenuStyles.ts
index ed9b9379f8..d97718bf90 100644
--- a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/cellMenuStyles.ts
+++ b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/cellMenuStyles.ts
@@ -10,14 +10,12 @@ import { css } from 'reshadow';
 
 export const cellMenuStyles = css`
   cell-menu {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 0 4px;
+    flex: 0 0 auto;
+    padding-left: 8px;
   }
   MenuTrigger {
     padding: 0;
-    height: 20px;
+    height: 16px;
 
     &:before {
       display: none;
@@ -26,14 +24,7 @@ export const cellMenuStyles = css`
     & Icon {
       cursor: pointer;
       width: 16px;
-      height: 10px;
-      fill: #dedede;
-    }
-
-    &[|selected] Icon, 
-    &:hover Icon, 
-    &:focus Icon {
-      fill: #338fcc;
+      height: 10px; 
     }
   }
 `;
diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/styles/base.scss b/webapp/packages/plugin-data-spreadsheet-new/src/styles/base.scss
index 7e1cca6ad8..d4d7451dcb 100644
--- a/webapp/packages/plugin-data-spreadsheet-new/src/styles/base.scss
+++ b/webapp/packages/plugin-data-spreadsheet-new/src/styles/base.scss
@@ -30,6 +30,12 @@
 
   .rdg-cell {
     border-color: transparent;
+    display: flex;
+    flex-direction: row;
+  }
+
+  .cell-formatter {
+    flex: 1;
   }
 
   .rdg-cell-editing {