Web: Files: fixed context-menu styles

packages/components/context-menu/index.js

@@ -166,6 +166,7 @@ class ContextMenu extends Component {
         if (this.props.scaled) {
           this.menuRef.current.style.width = rects.width + "px";
         }
+        this.menuRef.current.style.minWidth = "210px";
       }
 
       this.menuRef.current.style.left = left + "px";

packages/components/context-menu/styled-context-menu.js

@@ -179,8 +179,6 @@ const StyledContextMenu = styled.div`
     color: ${(props) => props.theme.dropDownItem.color};
     text-transform: none;
 
-    min-height: 24px;
-
     -webkit-touch-callout: none;
 
     &:hover {
@@ -201,9 +199,9 @@ const StyledContextMenu = styled.div`
     }
   }
 
-  /* .p-contextmenu .p-menuitem-text {
+  .p-contextmenu .p-menuitem-text {
     line-height: 36px;
-  } */
+  }
 
   .p-contextmenu .p-menu-separator {
     border-bottom: ${(props) => props.theme.menuItem.separator.borderBottom};

packages/components/drop-down-item/styled-drop-down-item.js

@@ -33,7 +33,7 @@ const StyledDropdownItem = styled.div`
   margin: ${(props) => props.theme.dropDownItem.margin};
   padding: ${(props) =>
     props.isModern ? "0 8px" : props.theme.dropDownItem.padding};
-  /* line-height: ${(props) => props.theme.dropDownItem.lineHeight}; */
+  line-height: ${(props) => props.theme.dropDownItem.lineHeight};
   box-sizing: border-box;
   text-align: left;
   background: none;

packages/components/main-button/index.js

@@ -60,7 +60,7 @@ const MainButton = (props) => {
               containerRef={ref}
               ref={menuRef}
               onHide={onHide}
-              scaled={true}
+              scaled={false}
             />
           </>
         )}

packages/components/themes/base.js

@@ -1373,7 +1373,7 @@ const Base = {
     maxWidth: "500px",
     border: "0px",
     margin: "0px",
-    padding: "6px 12px",
+    padding: "0px 12px",
     tabletPadding: "0px 16px",
     lineHeight: "32px",
     tabletLineHeight: "36px",
@@ -3005,13 +3005,12 @@ const Base = {
     boxShadow: "0px 5px 20px rgba(4, 15, 27, 0.07)",
   },
 
-
   preparationPortalProgress: {
     backgroundColor: "#F3F4F4",
     colorPercentSmall: "#333333",
     colorPercentBig: "#FFFFFF",
- },
- 
+  },
+
   codeInput: {
     background: white,
     border: "1px solid #d0d5da",

packages/components/themes/dark.js

@@ -1365,7 +1365,7 @@ const Dark = {
     maxWidth: "500px",
     border: "0px",
     margin: "0px",
-    padding: "6px 12px",
+    padding: "0px 12px",
     lineHeight: "32px",
     tabletLineHeight: "36px",