From 09fdfa2ad2be1d42bb4984eb8e82029c1b496081 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Mon, 25 Nov 2019 17:54:22 +0100
Subject: [PATCH] Fix usergrid UI issues

---
 customize.dist/src/less2/include/modals-ui-elements.less | 1 +
 customize.dist/src/less2/include/usergrid.less           | 7 ++++++-
 www/common/common-ui-elements.js                         | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/customize.dist/src/less2/include/modals-ui-elements.less b/customize.dist/src/less2/include/modals-ui-elements.less
index 57c9b0a53..6e3921781 100644
--- a/customize.dist/src/less2/include/modals-ui-elements.less
+++ b/customize.dist/src/less2/include/modals-ui-elements.less
@@ -6,6 +6,7 @@
 & {
     // Share modal
     .msg.cp-inline-radio-group {
+        overflow: unset !important;
         .radio-group {
             display: flex;
             flex-direction: row;
diff --git a/customize.dist/src/less2/include/usergrid.less b/customize.dist/src/less2/include/usergrid.less
index 19c3d1d3a..b12ebccaa 100644
--- a/customize.dist/src/less2/include/usergrid.less
+++ b/customize.dist/src/less2/include/usergrid.less
@@ -10,9 +10,13 @@
         .cp-usergrid-grid {
             display: flex;
             flex-wrap: wrap;
-            margin: -3px;
             margin-bottom: 6px;
         }
+        &:not(.large) {
+            .cp-usergrid-grid {
+                margin: -3px;
+            }
+        }
         &.cp-usergrid-empty {
             .cp-usergrid-grid, .cp-usergrid-filter {
                 display: none;
@@ -75,6 +79,7 @@
                 width: 140px;
                 height: 35px;
                 flex-flow: row;
+                margin: 0;
                 margin-right: 15px;
                 margin-bottom: 1px;
                 &:nth-child(3n) {
diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js
index 0ef92c048..280849e7f 100644
--- a/www/common/common-ui-elements.js
+++ b/www/common/common-ui-elements.js
@@ -788,7 +788,7 @@ define([
             placeholder: Messages.share_filterFriend
         });
 
-        var div = h('div.cp-usergrid-container' + noOthers, [
+        var div = h('div.cp-usergrid-container' + noOthers + (config.large?'.large':''), [
             label ? h('label', label) : undefined,
             h('div.cp-usergrid-filter', (config.noFilter || config.noSelect) ? undefined : [
                 inputFilter,