diff --git a/client/coral-admin/src/components/ActionsMenu.css b/client/coral-admin/src/components/ActionsMenu.css
index 1d2f91f74..cd127790f 100644
--- a/client/coral-admin/src/components/ActionsMenu.css
+++ b/client/coral-admin/src/components/ActionsMenu.css
@@ -6,11 +6,9 @@
.root {
color: black;
+ vertical-align: super;
> :global(.mdl-menu__container) {
margin-left: 10px;
- > :global(.mdl-menu__outline) {
- box-shadow: none;
- }
}
}
@@ -18,6 +16,7 @@
box-shadow: none;
color: white;
background-color: #616161;
+ border-color: #616161;
}
.arrowIcon {
@@ -33,8 +32,10 @@
}
.menuItem {
- background-color: #2a2a2a;
- color: white;
+ color: #2a2a2a;
+ background-color: white;
+ font-size: 0.95em;
+
&:first-child {
margin-bottom: 1px;
border-radius: 2px 2px 0px 0px;
@@ -43,7 +44,7 @@
border-radius: 0px 0px 2px 2px;
}
&:hover, &:active, &:focus {
- background-color: #767676;
+ background-color: #e2e2e2;
}
&[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active {
background-color: #262626;
diff --git a/client/coral-admin/src/components/ActionsMenu.js b/client/coral-admin/src/components/ActionsMenu.js
index 6351afda7..ef4e46573 100644
--- a/client/coral-admin/src/components/ActionsMenu.js
+++ b/client/coral-admin/src/components/ActionsMenu.js
@@ -32,18 +32,18 @@ class ActionsMenu extends React.Component {
};
render() {
- const {className = ''} = this.props;
+ const {className = '', buttonClassNames = '', label = ''} = this.props;
return (