Merge pull request #1237 from omnivore-app/fix/dropdowns

Some web dropdown fixes

packages/web/components/elements/DropdownElements.tsx

@@ -62,10 +62,7 @@ export const DropdownContent = styled(Content, {
     '--arrow-top': -13,
   },
   '&[data-align="start"]': {
-    '--arrow-before-left': '9px',
-    '--arrow-before-right': 'auto',
-    '--arrow-after-left': '10px',
-    '--arrow-after-right': 'auto',
+    '--arrow-visibility': 'collapse',
   },
   '&[data-align="center"]': {
     '--arrow-before-left': 'auto',

packages/web/components/elements/LabelColorDropdown.tsx

@@ -83,7 +83,7 @@ const MainContainer = styled(Box, {
 
 const CustomLabelWrapper = styled(Box, {
   fontSize: 13,
-  padding: '$2',
+  padding: 24,
   borderRadius: 3,
   cursor: 'default',
   color: '$grayText',

packages/web/pages/settings/labels.tsx

@@ -876,7 +876,7 @@ function DesktopEditCard(props: any) {
           css={{ marginLeft: 'auto', width: '100%' }}
         >
           <Button
-            style="plainIcon"
+            style="ctaOutlineYellow"
             css={{ mr: '12px' }}
             onClick={() => {
               resetState()