diff --git a/web/chat/chat-thread-list-item-menu.css b/web/chat/chat-thread-list-item-menu.css --- a/web/chat/chat-thread-list-item-menu.css +++ b/web/chat/chat-thread-list-item-menu.css @@ -1,6 +1,6 @@ div.sidebar .menu > button svg { - font-size: 16px; color: var(--thread-color-read); + padding-right: 8px; } div.sidebar .menu { opacity: 0; @@ -24,6 +24,10 @@ align-items: center; } +.mailIcon { + padding-right: 8px; +} + .menu > button:focus { outline: none; } @@ -32,24 +36,25 @@ display: none; position: absolute; top: calc(100% + 1px); - right: 0; + right: 11px; z-index: 1; width: max-content; overflow: hidden; - background-color: #eeeeee; - border-radius: 5px; - box-shadow: 1px 1px 5px 2px #00000022; + border-radius: 4px; + + background-color: var(--chat-thread-list-menu-bg); } .menuContentVisible { display: block; + background-color: var(--chat-thread-list-menu-bg); } button.menuContent { border: none; cursor: pointer; - padding: 10px; - font-size: 16px; -} -button.menuContent:hover { - background-color: #dddddd; + padding: 8px; + font-size: var(--xs-font-12); + line-height: var(--line-height-text); + color: var(--chat-thread-list-menu-color); + background-color: var(--chat-thread-list-menu-bg); } diff --git a/web/chat/chat-thread-list-item-menu.react.js b/web/chat/chat-thread-list-item-menu.react.js --- a/web/chat/chat-thread-list-item-menu.react.js +++ b/web/chat/chat-thread-list-item-menu.react.js @@ -84,6 +84,7 @@