From aacea8d87b9739d2b8284cfb0d66b3ad436e9224 Mon Sep 17 00:00:00 2001
From: Germain <germain@souquet.com>
Date: Thu, 4 Nov 2021 17:10:22 +0000
Subject: [PATCH] Fix MemberAvatar rendering and thread info color (#7085)

---
 res/css/views/rooms/_EventTile.scss         | 9 ++++++++-
 src/components/views/auth/PasswordLogin.tsx | 5 +++++
 src/components/views/rooms/EventTile.tsx    | 2 +-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index c6f0bf1cf0..32737aceec 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -673,7 +673,7 @@ $left-gutter: 64px;
     padding-right: 16px;
     padding-top: 8px;
     padding-bottom: 8px;
-    font-size: 12px;
+    font-size: $font-12px;
     color: $secondary-content;
     box-sizing: border-box;
     justify-content: flex-start;
@@ -694,6 +694,13 @@ $left-gutter: 64px;
     overflow: hidden;
     white-space: nowrap;
     padding-left: 8px;
+    font-size: $font-12px;
+    line-height: calc(2 * $font-12px);
+    color: $secondary-content;
+}
+
+.mx_ThreadInfo_avatar {
+    float: left;
 }
 
 .mx_ThreadInfo_thread-icon {
diff --git a/src/components/views/auth/PasswordLogin.tsx b/src/components/views/auth/PasswordLogin.tsx
index 920cec4e5f..b9bba921dd 100644
--- a/src/components/views/auth/PasswordLogin.tsx
+++ b/src/components/views/auth/PasswordLogin.tsx
@@ -317,6 +317,8 @@ export default class PasswordLogin extends React.PureComponent<IProps, IState> {
                 return <EmailField
                     className={classNames(classes)}
                     name="username" // make it a little easier for browser's remember-password
+                    autoComplete="email"
+                    type="email"
                     key="email_input"
                     placeholder="joe@example.com"
                     value={this.props.username}
@@ -333,6 +335,7 @@ export default class PasswordLogin extends React.PureComponent<IProps, IState> {
                 return <Field
                     className={classNames(classes)}
                     name="username" // make it a little easier for browser's remember-password
+                    autoComplete="username"
                     key="username_input"
                     type="text"
                     label={_t("Username")}
@@ -359,6 +362,7 @@ export default class PasswordLogin extends React.PureComponent<IProps, IState> {
                 return <Field
                     className={classNames(classes)}
                     name="phoneNumber"
+                    autoComplete="tel-national"
                     key="phone_input"
                     type="text"
                     label={_t("Phone")}
@@ -444,6 +448,7 @@ export default class PasswordLogin extends React.PureComponent<IProps, IState> {
                     { loginField }
                     <Field
                         className={pwFieldClass}
+                        autoComplete="password"
                         type="password"
                         name="password"
                         label={_t('Password')}
diff --git a/src/components/views/rooms/EventTile.tsx b/src/components/views/rooms/EventTile.tsx
index 645dddd1dd..341870f92b 100644
--- a/src/components/views/rooms/EventTile.tsx
+++ b/src/components/views/rooms/EventTile.tsx
@@ -578,7 +578,7 @@ export default class EventTile extends React.Component<IProps, IState> {
         }
 
         return <>
-            <MemberAvatar member={lastEvent.sender} style={{ float: "left", width: "24px", height: "24px" }} />
+            <MemberAvatar member={lastEvent.sender} width={24} height={24} className="mx_ThreadInfo_avatar" />
             <div className="mx_ThreadInfo_content">
                 <span className="mx_ThreadInfo_message-preview">
                     { threadMessagePreview }