From c48cc9d7bebd80fe440fc0ac645dad370c01212d Mon Sep 17 00:00:00 2001
From: Antonella Sgarlatta <antonella@standardnotes.org>
Date: Mon, 3 May 2021 14:53:07 -0300
Subject: [PATCH] styles: adjust spacing

---
 app/assets/javascripts/components/NotesContextMenu.tsx |  2 +-
 app/assets/javascripts/components/NotesOptions.tsx     |  4 ++--
 app/assets/stylesheets/_sn.scss                        | 10 +++-------
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/app/assets/javascripts/components/NotesContextMenu.tsx b/app/assets/javascripts/components/NotesContextMenu.tsx
index 5de71067b..da6378c3c 100644
--- a/app/assets/javascripts/components/NotesContextMenu.tsx
+++ b/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
diff --git a/app/assets/javascripts/components/NotesOptions.tsx b/app/assets/javascripts/components/NotesOptions.tsx
index 0940ac537..de44f1c6b 100644
--- a/app/assets/javascripts/components/NotesOptions.tsx
+++ b/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}
diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss
index 9fb3b8e78..d5d7d680c 100644
--- a/app/assets/stylesheets/_sn.scss
+++ b/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 {