From 5ba419db54476ea8a268e3816401c68c1745ee75 Mon Sep 17 00:00:00 2001
From: Germain Souquet <germain@souquet.com>
Date: Fri, 21 May 2021 10:21:54 +0100
Subject: [PATCH] split room header and header wrapper

---
 src/components/views/rooms/RoomHeader.js | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/views/rooms/RoomHeader.js b/src/components/views/rooms/RoomHeader.js
index a527d7625c..6d3b50c10d 100644
--- a/src/components/views/rooms/RoomHeader.js
+++ b/src/components/views/rooms/RoomHeader.js
@@ -257,14 +257,16 @@ export default class RoomHeader extends React.Component {
         const e2eIcon = this.props.e2eStatus ? <E2EIcon status={this.props.e2eStatus} /> : undefined;
 
         return (
-            <div className="mx_RoomHeader mx_RoomHeader_wrapper light-panel" aria-owns="mx_RightPanel">
-                <div className="mx_RoomHeader_avatar">{ roomAvatar }</div>
-                <div className="mx_RoomHeader_e2eIcon">{ e2eIcon }</div>
-                { name }
-                { topicElement }
-                { cancelButton }
-                { rightRow }
-                <RoomHeaderButtons />
+            <div className="mx_RoomHeader light-panel">
+                <div className="mx_RoomHeader_wrapper" aria-owns="mx_RightPanel">
+                    <div className="mx_RoomHeader_avatar">{ roomAvatar }</div>
+                    <div className="mx_RoomHeader_e2eIcon">{ e2eIcon }</div>
+                    { name }
+                    { topicElement }
+                    { cancelButton }
+                    { rightRow }
+                    <RoomHeaderButtons />
+                </div>
             </div>
         );
     }