From 7c6af664dd2bfec4c71eb946e24fcbf8c1f8c0f9 Mon Sep 17 00:00:00 2001
From: Matthieu Bessat <spamfree@matthieubessat.fr>
Date: Wed, 5 Aug 2020 14:38:14 +0200
Subject: [PATCH] fix(Public): media mosaic container

---
 assets/development/styles/organization.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/assets/development/styles/organization.css b/assets/development/styles/organization.css
index 0917583..8731143 100644
--- a/assets/development/styles/organization.css
+++ b/assets/development/styles/organization.css
@@ -155,12 +155,16 @@
   display: flex;
   justify-content: center;
 }
+
 .mosaic-1 .media-container {
   width: 70%;
 }
 
 /* Mosaic level 2 */
 .mosaic-2 {
+  width: 80%;
+  margin-left: auto;
+  margin-right: auto;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr;
 }
@@ -176,6 +180,9 @@
 
 /* Mosaic level 4 */
 .mosaic-4 {
+  width: 70%;
+  margin-left: auto;
+  margin-right: auto;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr 1fr;
 }
@@ -237,6 +244,13 @@
 .media-modal .media-modal-content {
   border-radius: 4px;
   width: 100%;
+
+  /** crop not very cool images in modal **/
+  max-height: 80vh;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .media-modal img, .media-modal video {
@@ -738,6 +752,7 @@ RESPONSIVE
   }
 
   .media-mosaic {
+    width: 100% !important;
     height: 33em;
   }