diff --git a/src/styles/index.scss b/src/styles/index.scss index 9f6c11ec95c459fa598c36f4baebd4d8ecd7eecd..7aa8376e63ac1f5e71efd5a2314659b49e2e41f7 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -872,7 +872,18 @@ width: 100% !important; } - // Message actions (inline) + // + // Message Actions (inline) + // --------------------------------- + + .chat-msg { + position: relative; + } + + // Reset these positions + .chat-msg__content, .chat-msg__body, converse-message-actions { + position: initial; + } .chat-msg:not(:hover) .chat-msg__actions--inline { display: none; @@ -880,5 +891,12 @@ .chat-msg__actions--inline { display: flex; + position: absolute; + top: 0; + right: 0; + transform: translateY(-50%); + background: #f6f6f6; + border: 2px solid white; + border-radius: 3px; } } \ No newline at end of file