move inline actions on top of the message

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