From 1043690a5d9d0f4fe5c760124dae9000fdd68750 Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Tue, 26 Jan 2021 11:37:08 +0100
Subject: [PATCH] Add bigger container max-width for desktop view

---
 assets/sass/_vars.scss  |  1 +
 assets/sass/layout.scss | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/assets/sass/_vars.scss b/assets/sass/_vars.scss
index 31b7580..1387331 100644
--- a/assets/sass/_vars.scss
+++ b/assets/sass/_vars.scss
@@ -29,3 +29,4 @@ $errorColor: desaturate($errorText, 50%);
 
 // Responsivity
 $mobileThreshold: 632px;
+$desktopThreshold: 940px;
diff --git a/assets/sass/layout.scss b/assets/sass/layout.scss
index 5a00bff..94508cc 100644
--- a/assets/sass/layout.scss
+++ b/assets/sass/layout.scss
@@ -650,16 +650,16 @@ button, .button {
 }
 
 @mixin container {
-	width: $mobileThreshold;
-	padding: 0 16px;
+	width: 100%;
+	padding: 0 8px;
 
 	@media (min-width: $mobileThreshold) {
 		margin: 0 auto;
+		padding: 0 16px;
 	}
 
-	@media (max-width: $mobileThreshold) {
-		width: 100%;
-		padding: 0 8px;
+	@media (min-width: $desktopThreshold) {
+		width: $desktopThreshold;
 	}
 }