Bubble layout: A little bit more read receipt spacing

Author: su-ex

res/css/views/rooms/_BubbleLayout.scss

@@ -199,10 +199,14 @@ $left-gutter: 5.4rem;
 
     .mx_ReadReceiptGroup {
         position: unset;
-    }
 
-    .mx_ReadReceiptGroup .mx_ReadReceiptGroup_button {
-        flex-direction: row-reverse;
+        .mx_ReadReceiptGroup_button {
+            flex-direction: row-reverse;
+        }
+
+        .mx_ReadReceiptGroup_remainder {
+            margin-left: 2px;
+        }
     }
 
     .mx_EventTile_content {

src/components/views/rooms/ReadReceiptGroup.tsx

@@ -107,7 +107,7 @@ export function ReadReceiptGroup(
         : MAX_READ_AVATARS;
 
     // SC: Don't use offset for bubble layout
-    const READ_AVATAR_OFFSET = layout == Layout.Bubble ? READ_AVATAR_SIZE-1 : 10;
+    const READ_AVATAR_OFFSET = layout == Layout.Bubble ? READ_AVATAR_SIZE : 10;
 
     const tooltipMembers: string[] = readReceipts.slice(0, maxAvatars)
         .map(it => it.roomMember?.name ?? it.userId);