diff --git a/internal_packages/message-list/lib/message-controls.cjsx b/internal_packages/message-list/lib/message-controls.cjsx
index 6c5d05b52..a0d65ecd8 100644
--- a/internal_packages/message-list/lib/message-controls.cjsx
+++ b/internal_packages/message-list/lib/message-controls.cjsx
@@ -39,15 +39,15 @@ class MessageControls extends React.Component
_forwardAction: ->
- Forward
+ Forward
_replyAction: ->
- Reply
+ Reply
_replyAllAction: ->
- Reply All
+ Reply All
_onReply: =>
diff --git a/static/components/button-dropdown.less b/static/components/button-dropdown.less
index 1c1c3efec..e79aca1a5 100644
--- a/static/components/button-dropdown.less
+++ b/static/components/button-dropdown.less
@@ -20,15 +20,35 @@
&:hover {
cursor: default;
}
- border: 1px solid rgba(0,0,0,0.1);
+ border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px 0 4px 4px;
- padding: 4px 15px;
- box-shadow: 0 4px 12px rgba(0,0,0,0.55);
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.20);
z-index: 2;
- background-color: @background-primary;;
+ background-color: @background-primary;
+ line-height: 14px;
position: absolute;
width: 110px;
right: 0;
+
+ .secondary-item {
+ padding: 6px 15px;
+ img {
+ margin-right:4px;
+ vertical-align: text-bottom;
+ }
+ }
+ .secondary-item:first-child {
+ padding-top: 9px;
+ border-top-left-radius: 4px;
+ }
+ .secondary-item:last-child {
+ padding-bottom: 9px;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ }
+ .secondary-item:hover {
+ background-color: darken(@background-primary, 3%);
+ }
}
img {
background-color: @text-color;
diff --git a/static/images/reply-dropdown/icon-dropdown-forward@2x.png b/static/images/reply-dropdown/icon-dropdown-forward@2x.png
new file mode 100644
index 000000000..af92d0850
Binary files /dev/null and b/static/images/reply-dropdown/icon-dropdown-forward@2x.png differ
diff --git a/static/images/reply-dropdown/icon-dropdown-reply@2x.png b/static/images/reply-dropdown/icon-dropdown-reply@2x.png
new file mode 100644
index 000000000..e1df63070
Binary files /dev/null and b/static/images/reply-dropdown/icon-dropdown-reply@2x.png differ
diff --git a/static/images/reply-dropdown/icon-dropdown-replyall@2x.png b/static/images/reply-dropdown/icon-dropdown-replyall@2x.png
new file mode 100644
index 000000000..6ac038e9d
Binary files /dev/null and b/static/images/reply-dropdown/icon-dropdown-replyall@2x.png differ