From 0b4f223b2670b7dd99a71f0426fa969dd25946ca Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 8 Apr 2022 21:31:19 -0700
Subject: [PATCH] Spacing on top dropdowns

---
 .../templates/article/ArticleActionsMenu.tsx        | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/web/components/templates/article/ArticleActionsMenu.tsx b/packages/web/components/templates/article/ArticleActionsMenu.tsx
index 72e2d5c41..cd5ea9071 100644
--- a/packages/web/components/templates/article/ArticleActionsMenu.tsx
+++ b/packages/web/components/templates/article/ArticleActionsMenu.tsx
@@ -48,9 +48,9 @@ export function ArticleActionsMenu(props: ArticleActionsMenuProps): JSX.Element
       }}
     >
       <Dropdown
-        side='right'
-        sideOffset={18}
-        align='start'
+        side={props.layout == 'vertical' ? 'right' : 'bottom'}
+        sideOffset={props.layout == 'vertical' ? 8 : 0}
+        align={props.layout == 'vertical' ? 'start' : 'center'}
         triggerElement={
           <SpanBox css={{ width: '100%', marginLeft: 'auto', marginRight: 'auto' }}>
             <TextAa size={24} color={theme.colors.readerFont.toString()} />
@@ -64,9 +64,10 @@ export function ArticleActionsMenu(props: ArticleActionsMenuProps): JSX.Element
       <MenuSeparator layout={props.layout} />
 
       <Dropdown
-        side='right'
-        sideOffset={18}
-        align='start'
+        side={props.layout == 'vertical' ? 'right' : 'bottom'}
+        sideOffset={props.layout == 'vertical' ? 8 : 0}
+        showArrow={true}
+        align={props.layout == 'vertical' ? 'start' : 'center'}
         triggerElement={
           <SpanBox css={{ width: '100%', marginLeft: 'auto', marginRight: 'auto' }}>
             <TagSimple size={24} color={theme.colors.readerFont.toString()} />