styles: adjust spacing

app/assets/javascripts/components/NotesContextMenu.tsx

@@ -25,7 +25,7 @@ const NotesContextMenu = observer(({ appState }: Props) => {
   return appState.notes.contextMenuOpen ? (
     <div
       ref={contextMenuRef}
-      className="sn-dropdown max-w-80 flex flex-col"
+      className="sn-dropdown max-w-80 flex flex-col py-2"
       style={{ position: 'absolute', ...appState.notes.contextMenuPosition }}
     >
       <NotesOptions

app/assets/javascripts/components/NotesOptions.tsx

@@ -30,7 +30,7 @@ export const NotesOptions = observer(
 
     const trashButtonRef = useRef<HTMLButtonElement>();
 
-    const iconClass = 'fill-current color-neutral mr-2.5';
+    const iconClass = 'fill-current color-neutral mr-2';
     const buttonClass =
       'flex items-center border-0 capitalize focus:inner-ring-info ' +
       'cursor-pointer hover:bg-contrast color-text bg-transparent h-10 px-3 ' +
@@ -64,7 +64,7 @@ export const NotesOptions = observer(
             Show Preview
           </span>
         </Switch>
-        <div className="h-1px my-2.5 bg-secondary-contrast"></div>
+        <div className="h-1px my-2 bg-secondary-contrast"></div>
         <button
           onBlur={closeOnBlur}
           className={buttonClass}

app/assets/stylesheets/_sn.scss

@@ -36,13 +36,9 @@
   display: grid;
 }
 
-.mr-2\.5 {
-  margin-right: 0.625rem;
-}
-
-.my-2\.5 {
-  margin-top: 0.625rem;
-  margin-bottom: 0.625rem;
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 
 .outline-none {