Improve receipts spacing

matrixgw_frontend/src/widgets/messages/RoomMessagesList.tsx

@@ -288,13 +288,23 @@ function RoomMessage(p: {
         </div>
 
         {/* Read receipts */}
-        <div>
+        <div
+          style={{
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+          }}
+        >
           {(p.receipts ?? []).map((r) => {
             const u = p.users.get(r.user);
 
             if (!u || u.user_id === user.info.matrix_user_id) return <></>;
 
-            return <AccountIcon key={u.user_id} user={u} size={16} />;
+            return (
+              <div style={{ marginRight: "2px" }}>
+                <AccountIcon key={u.user_id} user={u} size={16} />
+              </div>
+            );
           })}
         </div>