pr fixes

res/css/views/rooms/_MessageComposer.scss

@@ -39,6 +39,7 @@ limitations under the License.
         grid-area: controls;
         display: flex;
         align-items: flex-end;
+        margin-bottom: 2px;
     }
 
     >[role=button] {
@@ -238,7 +239,7 @@ limitations under the License.
     padding-left: var(--size);
     border-radius: 50%;
     margin-right: 6px;
-    margin-bottom: 5px;
+    margin-bottom: 7px;
 
     &:last-child {
         margin-right: auto;

src/components/views/elements/AccessibleButton.tsx

@@ -41,7 +41,7 @@ type AccessibleButtonKind = | 'primary'
  * onClick:  (required) Event handler for button activation. Should be
  *           implemented exactly like a normal onClick handler.
  */
-export interface IProps extends React.InputHTMLAttributes<Element> {
+interface IProps extends React.InputHTMLAttributes<Element> {
     inputRef?: React.Ref<Element>;
     element?: keyof ReactHTML;
     // The kind of button, similar to how Bootstrap works.

src/components/views/messages/DisambiguatedProfile.tsx

@@ -65,11 +65,11 @@ export default class DisambiguatedProfile extends React.Component<IProps> {
         return React.createElement(this.props.as, {
             className: "mx_DisambiguatedProfile",
             onClick,
-        }, [
-            <span className={displayNameClasses} dir="auto" key="displayNameClasses">
+        }, <>
+            <span className={displayNameClasses} dir="auto">
                 { rawDisplayName }
-            </span>,
-            mxidElement,
-        ]);
+            </span>
+            { mxidElement }
+        </>);
     }
 }

src/components/views/rooms/ReplyPreview.tsx

@@ -48,8 +48,10 @@ export default class ReplyPreview extends React.Component<IProps> {
         return <div className="mx_ReplyPreview">
             <div className="mx_ReplyPreview_header">
                 <ReplyIcon />
-                { _t('Reply to') } &nbsp;
-                <SenderProfile mxEvent={this.props.replyToEvent} as="span" />
+                { _t('Reply to <tag/>', {}, {
+                    'tag': () => <SenderProfile mxEvent={this.props.replyToEvent} as="span" />,
+                }) } &nbsp;
+
                 <CancelButton onClick={() => cancelQuoting(this.context.timelineRenderingType)} />
             </div>
             <ReplyTile

src/i18n/strings/en_EN.json

@@ -1770,7 +1770,7 @@
     "Seen by %(count)s people|one": "Seen by %(count)s person",
     "Read receipts": "Read receipts",
     "Recently viewed": "Recently viewed",
-    "Reply to": "Reply to",
+    "Reply to <tag/>": "Reply to <tag/>",
     "Room %(name)s": "Room %(name)s",
     "Recently visited rooms": "Recently visited rooms",
     "No recently visited rooms": "No recently visited rooms",