MF-730 Change Actions button on patient chart to match designs (#350)

* MF-730 Change Actions button on patient chart to match designs * Prettify
openmrs · Sep 2, 2021 · 1553450 · 1553450
1 parent e0ecbed
commit 1553450
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/esm-patient-banner-app/src/ui-components/overflow-menu.component.tsx b/packages/esm-patient-banner-app/src/ui-components/overflow-menu.component.tsx
@@ -50,6 +50,7 @@ const CustomOverflowMenuComponent: React.FC<CustomOverflowMenuComponentProps> =
           height: 'auto',
           padding: '1rem',
           color: '#0f62fe',
+          outline: '2rem solid transparent',
           boxShadow: showMenu ? '0 2px 6px 0 rgb(0 0 0 / 30%)' : 'none',
         }}>
         {menuTitle}
@@ -68,6 +69,8 @@ const CustomOverflowMenuComponent: React.FC<CustomOverflowMenuComponentProps> =
           left: 'auto',
           right: '0',
           backgroundColor: '#f4f4f4',
+          marginRight: '0.2rem',
+          boxShadow: '0 6px 6px rgb(0 0 0 / 30%)',
         }}>
         <ul className="bx--overflow-menu-options__content">{children}</ul>
         <span />