From a09b95a9f5beaa037656223b89b7d479ed92b8d3 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Sun, 10 Apr 2022 16:20:36 +0000
Subject: [PATCH 1/4] Use a consistent alignment for all text items in a list

- Rooms list on the left panel

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 src/components/views/rooms/RoomTile.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/views/rooms/RoomTile.tsx b/src/components/views/rooms/RoomTile.tsx
index 46aea8fa0df..7d0021cdabc 100644
--- a/src/components/views/rooms/RoomTile.tsx
+++ b/src/components/views/rooms/RoomTile.tsx
@@ -683,8 +683,10 @@ export default class RoomTile extends React.PureComponent<IProps, IState> {
 
         const titleContainer = this.props.isMinimized ? null : (
             <div className="mx_RoomTile_titleContainer">
-                <div title={name} className={titleClasses} tabIndex={-1} dir="auto">
-                    { name }
+                <div title={name} className={titleClasses} tabIndex={-1}>
+                  <span dir="auto">
+                      { name }
+                  </span>
                 </div>
                 { subtitle }
             </div>

From 5d5b4c1a36367226d074ef0b3737c350356e8100 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Sun, 10 Apr 2022 17:00:44 +0000
Subject: [PATCH 2/4] Use a consistent alignment for all text items in a list

- Users list on the right panel

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 src/components/views/messages/DisambiguatedProfile.tsx | 4 ++--
 src/components/views/rooms/EntityTile.tsx              | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/views/messages/DisambiguatedProfile.tsx b/src/components/views/messages/DisambiguatedProfile.tsx
index f376bbbd7a3..36850e916ea 100644
--- a/src/components/views/messages/DisambiguatedProfile.tsx
+++ b/src/components/views/messages/DisambiguatedProfile.tsx
@@ -58,8 +58,8 @@ export default class DisambiguatedProfile extends React.Component<IProps> {
         });
 
         return (
-            <div className="mx_DisambiguatedProfile" dir="auto" onClick={onClick}>
-                <span className={displayNameClasses}>
+            <div className="mx_DisambiguatedProfile" onClick={onClick}>
+                <span className={displayNameClasses} dir="auto">
                     { rawDisplayName }
                 </span>
                 { mxidElement }
diff --git a/src/components/views/rooms/EntityTile.tsx b/src/components/views/rooms/EntityTile.tsx
index c06d4732999..dd8756f845f 100644
--- a/src/components/views/rooms/EntityTile.tsx
+++ b/src/components/views/rooms/EntityTile.tsx
@@ -133,7 +133,7 @@ export default class EntityTile extends React.PureComponent<IProps, IState> {
             }
             nameEl = (
                 <div className="mx_EntityTile_details">
-                    <div className="mx_EntityTile_name" dir="auto">
+                    <div className="mx_EntityTile_name">
                         { name }
                     </div>
                     { presenceLabel }
@@ -142,7 +142,7 @@ export default class EntityTile extends React.PureComponent<IProps, IState> {
         } else if (this.props.subtextLabel) {
             nameEl = (
                 <div className="mx_EntityTile_details">
-                    <div className="mx_EntityTile_name" dir="auto">
+                    <div className="mx_EntityTile_name">
                         { name }
                     </div>
                     <span className="mx_EntityTile_subtext">{ this.props.subtextLabel }</span>
@@ -150,7 +150,7 @@ export default class EntityTile extends React.PureComponent<IProps, IState> {
             );
         } else {
             nameEl = (
-                <div className="mx_EntityTile_name" dir="auto">{ name }</div>
+                <div className="mx_EntityTile_name">{ name }</div>
             );
         }
 

From a8cfa026b3ba5b15d9532e2954ae8be0d01779d2 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Sun, 10 Apr 2022 17:20:04 +0000
Subject: [PATCH 3/4] Use a consistent alignment for all text items in a list

- User name on the user info on the right panel

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 src/components/views/right_panel/UserInfo.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/views/right_panel/UserInfo.tsx b/src/components/views/right_panel/UserInfo.tsx
index 02181968316..d36ba0f7289 100644
--- a/src/components/views/right_panel/UserInfo.tsx
+++ b/src/components/views/right_panel/UserInfo.tsx
@@ -1444,7 +1444,7 @@ const UserInfoHeader: React.FC<{
                 <div>
                     <h2>
                         { e2eIcon }
-                        <span title={displayName} aria-label={displayName}>
+                        <span title={displayName} aria-label={displayName} dir="auto">
                             { displayName }
                         </span>
                     </h2>

From c6fb80aacf40592cc367a190833cd98555b69918 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Sun, 10 Apr 2022 19:36:49 +0000
Subject: [PATCH 4/4] lint

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 src/components/views/rooms/RoomTile.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/views/rooms/RoomTile.tsx b/src/components/views/rooms/RoomTile.tsx
index 7d0021cdabc..29476a55cf9 100644
--- a/src/components/views/rooms/RoomTile.tsx
+++ b/src/components/views/rooms/RoomTile.tsx
@@ -684,9 +684,9 @@ export default class RoomTile extends React.PureComponent<IProps, IState> {
         const titleContainer = this.props.isMinimized ? null : (
             <div className="mx_RoomTile_titleContainer">
                 <div title={name} className={titleClasses} tabIndex={-1}>
-                  <span dir="auto">
-                      { name }
-                  </span>
+                    <span dir="auto">
+                        { name }
+                    </span>
                 </div>
                 { subtitle }
             </div>