adapt calendar view to small width

diff --git a/panikweb_studioneau/static/css/style.scss b/panikweb_studioneau/static/css/style.scss
index 7ffd8ce3dc8c82b7b9d573da85151c261bade248..b6523d40515b99b496673b7ed1d11c1e8c0289d2 100644 (file)
--- a/panikweb_studioneau/static/css/style.scss
+++ b/panikweb_studioneau/static/css/style.scss
@@ -572,6 +572,9 @@ a.back {
        display: flex;
        min-height: 200px;
        margin-bottom: 20px;
+       @media screen and (max-width: 600px) {
+               flex-direction: column;
+       }
        .image {
                flex: 1;
                margin-right: 10px;
@@ -580,6 +583,12 @@ a.back {
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
+               @media screen and (max-width: 600px) {
+                       width: 100%;
+                       flex: auto;
+                       margin-right: 0;
+                       margin-bottom: 10px;
+               }
        }
        .info {
                flex: 2;