From 0b7316c7272d04039823a9d8275e6250e2c880b2 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Thu, 3 Nov 2016 10:49:19 +0100
Subject: [PATCH] Fix the page box style on mobile devices

---
 app/static/src/sass/modules/boxes/_page-box.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/app/static/src/sass/modules/boxes/_page-box.scss b/app/static/src/sass/modules/boxes/_page-box.scss
index fcebba99..24f76636 100644
--- a/app/static/src/sass/modules/boxes/_page-box.scss
+++ b/app/static/src/sass/modules/boxes/_page-box.scss
@@ -8,6 +8,11 @@ $module: ".page-box";
 
     @include margin-bottom(1);
 
+    @include mq($until: sm) {
+        height: auto;
+        overflow: hidden;
+    }
+
     &:first-of-type {
 
         @include margin-top(3);
@@ -18,6 +23,15 @@ $module: ".page-box";
 
         @include fluid-aspect(9 4, "img");
 
+        @include mq($until: xs) {
+            @include fluid-aspect(4.5 8, "img");
+            >img {
+                width: 310%;
+                left: -50%;
+                max-width: none;
+            }
+        }
+
         &:after {
             content: '';
             display: block;
-- 
2.39.5