Style context menu

Signed-off-by: Hoang Pham <[email protected]>

src/App.scss

@@ -118,31 +118,31 @@
   position: relative !important;
   border-radius: var(--border-radius-large) !important;
   box-shadow: none !important;
-  filter: drop-shadow(0 1px 10px var(--color-box-shadow)) !important;
+  filter: drop-shadow(0 calc(var(--default-grid-baseline) * 0.25) calc(var(--default-grid-baseline) * 2.5) var(--color-box-shadow)) !important;
   list-style: none !important;
   -webkit-user-select: none !important;
   user-select: none !important;
-  margin: -0.25rem 0 0 0.125rem !important;
-  padding: 0.25rem 0.25rem !important;
+  margin: calc(var(--default-grid-baseline) * -1) 0 0 calc(var(--default-grid-baseline) * 0.5) !important;
+  padding: calc(var(--default-grid-baseline) * 1) calc(var(--default-grid-baseline) * 1) !important;
   background-color: var(--color-main-background) !important;
   cursor: default !important;
   border: none !important;
 }
 
 .excalidraw .context-menu-item-separator {
-  border-top: 0.5px solid #adb5bd !important;
-  margin-top: 0.25rem !important;
-  margin-bottom: 0.25rem !important;
+  border-top: 0.5px solid var(--color-border) !important;
+  margin-top: calc(var(--default-grid-baseline) * 1) !important;
+  margin-bottom: calc(var(--default-grid-baseline) * 1) !important;
 }
 
 .excalidraw .context-menu-item {
   color: var(--popup-text-color) !important;
   margin-top: 0 !important;
   margin-bottom: 0 !important;
-  padding-left: 12px !important;
+  padding-left: calc(var(--default-grid-baseline) * 3) !important;
 }
 
 .excalidraw .context-menu-item:hover {
   background-color: var(--color-background-hover) !important;
-  border-radius: 6px !important;
+  border-radius: var(--border-radius-large) !important;
 }