Fix position of message action bar on the info tile on TimelineCard in message bubble layout (#8865)

res/css/views/right_panel/_BaseCard.scss

@@ -15,11 +15,12 @@ limitations under the License.
 */
 
 .mx_BaseCard {
+    --BaseCard_padding-inline: $spacing-8;
     --BaseCard_EventTile_line-padding-block: 2px;
     --BaseCard_EventTile-spacing-inline: 36px; // TODO: Use a spacing variable
     --BaseCard_header-button-size: 24px;
 
-    padding: 0 $spacing-8;
+    padding: 0 var(--BaseCard_padding-inline);
     overflow: hidden;
     display: flex;
     flex-direction: column;

res/css/views/right_panel/_TimelineCard.scss

@@ -37,6 +37,10 @@ limitations under the License.
                 z-index: auto; // enable background color on hover
             }
 
+            &.mx_EventTile_info .mx_MessageActionBar {
+                inset-inline-end: calc($container-gap-width + var(--BaseCard_padding-inline) + 1px); // 1px: border width
+            }
+
             .mx_ReactionsRow {
                 position: relative; // display on hover
             }