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 @@ -14,6 +14,7 @@ position: relative; display: flex; justify-content: flex-end; + padding-right: 8px; } .menu > button { background-color: transparent; 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 @@ -1,10 +1,6 @@ div.thread { display: flex; flex-direction: row; - align-items: flex-start; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 10px; } div.threadListSidebar { display: flex; @@ -56,7 +52,12 @@ flex: 1; cursor: pointer; overflow: hidden; - padding-left: 8px; + padding-left: 12px; +} +a.threadButton + div { + display: flex; + flex-direction: column; + padding-top: 8px; } .threadButtonSidebar { flex: 1; @@ -66,6 +67,7 @@ } p.breadCrumbs { display: flex; + padding: 8px 0 2px 0; font-size: var(--xs-font-12); font-weight: var(--normal); color: var(--breadcrumb-color); @@ -82,6 +84,7 @@ div.colorContainer { display: flex; + padding-top: 8px; } div.spacer, @@ -103,7 +106,8 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - flex: 1; + line-height: var(--line-height-text); + padding-bottom: 8px; } div.threadRow > .lastMessage { color: var(--thread-last-message-color-read);