Fix usergrid UI issues

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;

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) {

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,