From 53a72dafa9a8a96ff010a64a49333b3fb23c247d Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 11 Jan 2022 17:21:59 +0000
Subject: [PATCH] Limit max-width for bubble layout to 1200px (#7458)

---
 res/css/views/rooms/_EventBubbleTile.scss | 5 +++++
 src/components/structures/RoomView.tsx    | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
index c086319372..a01a957b61 100644
--- a/res/css/views/rooms/_EventBubbleTile.scss
+++ b/res/css/views/rooms/_EventBubbleTile.scss
@@ -14,6 +14,11 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.mx_RoomView_body[data-layout=bubble] {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
 .mx_EventTile[data-layout=bubble],
 .mx_EventListSummary[data-layout=bubble] {
     --avatarSize: 32px;
diff --git a/src/components/structures/RoomView.tsx b/src/components/structures/RoomView.tsx
index 06e5d6ef87..f6e9fcdc4f 100644
--- a/src/components/structures/RoomView.tsx
+++ b/src/components/structures/RoomView.tsx
@@ -2218,7 +2218,7 @@ export class RoomView extends React.Component<IRoomProps, IRoomState> {
                             excludedRightPanelPhaseButtons={excludedRightPanelPhaseButtons}
                         />
                         <MainSplit panel={rightPanel} resizeNotifier={this.props.resizeNotifier}>
-                            <div className="mx_RoomView_body">
+                            <div className="mx_RoomView_body" data-layout={this.state.layout}>
                                 { mainSplitBody }
                             </div>
                         </MainSplit>