diff --git a/web/chat/inline-engagement.css b/web/chat/inline-engagement.css index db7082bed..cdb91e2eb 100644 --- a/web/chat/inline-engagement.css +++ b/web/chat/inline-engagement.css @@ -1,73 +1,73 @@ div.inlineEngagementContainer { display: flex; flex-direction: row; align-items: center; } div.centerContainer { justify-content: center; } div.leftContainer { justify-content: flex-start; position: relative; top: -10px; left: 44px; - margin-right: 44px; + margin-right: 80px; } div.rightContainer { justify-content: flex-end; position: relative; top: -10px; - right: 30px; - margin-left: 31px; + right: 33px; + margin-left: 80px; } a.sidebarContainer, a.reactionsContainer { background: var(--inline-engagement-bg); color: var(--inline-engagement-color); font-size: var(--s-font-14); line-height: var(--line-height-text); transition: background 0.2s ease-in-out; padding: 4px 8px; border-radius: 8px; display: flex; align-items: center; gap: 4px; } a.sidebarContainer:hover, a.reactionsContainer:hover { background: var(--inline-engagement-bg-hover); } div.unread { font-weight: bold; } svg.inlineEngagementIcon { color: #666666; } div.messageLabel { display: flex; flex-shrink: 0; /* This is the height of the sidebar/reaction pills */ height: 29px; } div.messageLabel > span { font-size: 12px; padding: 0 3px; color: var(--message-label-color); align-self: center; } div.messageLabelLeft { margin-left: 8px; margin-right: 4px; } div.messageLabelRight { - margin-right: 12px; + margin-right: 8px; margin-left: 4px; }