From af7de4aae63b8bc71df3bd185ee860a6837e4bb2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Mon, 17 Sep 2018 22:50:33 +0200
Subject: [PATCH] scss: make sure layout elements don't grow over their sizes
 (#26493)

---
 static/includes/_layout.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/static/includes/_layout.scss b/static/includes/_layout.scss
index 12b6bee9..07553033 100644
--- a/static/includes/_layout.scss
+++ b/static/includes/_layout.scss
@@ -97,6 +97,7 @@ div#main-content {
 		-ms-flex: 0 0 $sidebar-width;
 		-webkit-flex: 0 0 $sidebar-width;
 		flex: 0 0 $sidebar-width;
+		max-width: $sidebar-width;
 		@if $sidebar-position == right {
 			-ms-flex-order: 1;
 			-webkit-order: 1;
@@ -117,6 +118,7 @@ div#main-content {
 @media screen and (max-width: $mobile-limit) {
 	#columns {
 		padding: 0 1ex;
+		max-width: 100%;
 	}
 	#right, #left {
 		float: none;
@@ -131,6 +133,7 @@ div#main-content {
 			-ms-flex: 0 0 auto;
 			-webkit-flex: 0 0 auto;
 			flex: 0 0 auto;
+			max-width: 100%;
 			margin: 0 1ex;
 			div.cell {
 				margin-left: 0;
-- 
2.19.0