From a6380f8cbb452f81a56588805a35745caa44da06 Mon Sep 17 00:00:00 2001
From: Pierre de La Morinerie <kemenaran@gmail.com>
Date: Thu, 14 Mar 2019 17:04:00 +0100
Subject: [PATCH] stylesheet: center the column on narrow screens

---
 app/assets/stylesheets/new_design/layouts.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/assets/stylesheets/new_design/layouts.scss b/app/assets/stylesheets/new_design/layouts.scss
index 62d22f66e..0f0f97b1a 100644
--- a/app/assets/stylesheets/new_design/layouts.scss
+++ b/app/assets/stylesheets/new_design/layouts.scss
@@ -13,6 +13,7 @@
     @extend .container;
     display: flex;
     flex-direction: column;
+    justify-content: center;
 
     @media (min-width: $two-columns-breakpoint) {
       flex-direction: row;
@@ -25,9 +26,11 @@
     padding: $two-columns-padding 0 $two-columns-padding 0;
     width: 100%;
     max-width: 500px;
+    margin: 0 auto;
 
     @media (min-width: $two-columns-breakpoint) {
       width: 45%;
+      margin: 0;
     }
   }
 }