From 9ce5dd23ce8bbc267e598ea09b6795f3ed60075c Mon Sep 17 00:00:00 2001 From: Audric Ackermann Date: Thu, 23 Jan 2020 16:01:24 +1100 Subject: [PATCH] fix display of media items position in group panel --- stylesheets/_session_group_panel.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/stylesheets/_session_group_panel.scss b/stylesheets/_session_group_panel.scss index 6f3b22d48..46a58968c 100644 --- a/stylesheets/_session_group_panel.scss +++ b/stylesheets/_session_group_panel.scss @@ -78,7 +78,8 @@ } .module-attachment-section__items { - justify-content: space-evenly; + display: grid; + grid-template-columns: repeat(3, 1fr); } .module-media { @@ -116,11 +117,11 @@ .module-media-grid-item { height: calc( 22vw / 3.5 - ); //.group-settings is 22vw and we want threee rows with some space so divide it by 3.5 + ); //.group-settings is 22vw and we want three rows with some space so divide it by 3.5 width: calc( 22vw / 3.5 - ); //.group-settings is 22vw and we want threee rows with some space so divide it by 3.5 - margin-right: 0; + ); //.group-settings is 22vw and we want three rows with some space so divide it by 3.5 + margin: auto; } } }