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 @@ -73,7 +73,7 @@ threadInfo.currentUser.unread ? 'read' : 'unread' }`; - const menuIconSize = renderStyle === 'chat' ? 24 : 16; + const menuIconSize = renderStyle === 'chat' ? 24 : 20; const btnCls = classNames(css.menuContent, { [css.menuContentVisible]: menuVisible, }); diff --git a/web/chat/chat-thread-list.css b/web/chat/chat-thread-list.css --- a/web/chat/chat-thread-list.css +++ b/web/chat/chat-thread-list.css @@ -9,15 +9,14 @@ div.threadListSidebar { display: flex; flex-direction: row; - align-items: flex-start; - padding-bottom: 4px; + height: 32px; padding-left: 16px; padding-right: 10px; position: relative; } div.threadListSidebar > svg { position: absolute; - top: -13px; + top: -7px; left: 30px; } div.thread:first-child { @@ -48,6 +47,8 @@ flex: 1; cursor: pointer; overflow: hidden; + display: flex; + align-items: center; padding-left: 8px; } p.breadCrumbs { @@ -126,7 +127,7 @@ } div.sidebarTitle { flex: 1; - font-size: 15px; + font-size: var(--s-font-14); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;