Merge pull request #3190 from nextcloud/fix-sharing-popover

Fix #3174

apps/files_sharing/css/sharetabview.css

 	padding: 0 0 16px;
 }
 
-#shareWithList li {
+#shareWithList > li {
 	padding-top: 5px;
 	padding-bottom: 5px;
-	font-weight: bold;
 	white-space: normal;
 	display: inline-flex;
 	align-items: center;
 	opacity: .5;
 }
 
+#shareWithList .shareOption.menuitem > label:before {
+	/* Checkboxes positionning */
+    margin: 0 12px !important;
+}
+
 #shareWithList .unshare {
 	padding: 1px 6px;
 	vertical-align: text-bottom;
 	vertical-align: text-top;
 }
 
-#shareWithList .unshare .icon-delete {
-	padding-right: 4px;
-	background-position-x: 0;
-	display: inline-block;
-}
-
 #shareWithList .sharingOptionsGroup .popovermenu:after {
 	right: 3px;
 }
 	overflow: hidden;
 	vertical-align: middle;
 }
-#shareWithList li label {
+#shareWithList li .sharingOptionsGroup > .shareOption > label {
 	padding: 6px;
 	margin-right: 8px;
 	vertical-align: text-top;

core/css/apps.scss

 			}
 			> span {
 				cursor: pointer;
+				white-space: nowrap;
 			}
 			> p {
 				width: 150px;

core/css/share.scss

 #shareWithList {
 	list-style-type: none;
 	padding: 8px;
-	li {
+	> li {
 		padding-top: 10px;
 		padding-bottom: 10px;
 		font-weight: bold;
 		flex-shrink: 0;
 		position: relative;
 		.popovermenu {
-			right: -6px;
-			top: 40px;
+			right: -11px;
+			top: 35px;
 			padding: 3px 6px;
 		}
 	}
 		vertical-align: middle;
 		flex-grow: 5;
 	}
-	li label {
-		margin-right: 8px;
-	}
 }
 
 a {

core/js/sharedialogshareelistview.js

 			'<ul>' +
 				'{{#if isResharingAllowed}} {{#if sharePermissionPossible}} {{#unless isMailShare}}' +
 				'<li>' +
-					'<span class="shareOption">' +
+					'<span class="shareOption menuitem">' +
 						'<input id="canShare-{{cid}}-{{shareWith}}" type="checkbox" name="share" class="permissions checkbox" {{#if hasSharePermission}}checked="checked"{{/if}} data-permissions="{{sharePermission}}" />' +
 						'<label for="canShare-{{cid}}-{{shareWith}}">{{canShareLabel}}</label>' +
 					'</span>' +
 				'{{#if isFolder}}' +
 					'{{#if createPermissionPossible}}{{#unless isMailShare}}' +
 					'<li>' +
-						'<span class="shareOption">' +
+						'<span class="shareOption menuitem">' +
 							'<input id="canCreate-{{cid}}-{{shareWith}}" type="checkbox" name="create" class="permissions checkbox" {{#if hasCreatePermission}}checked="checked"{{/if}} data-permissions="{{createPermission}}"/>' +
 							'<label for="canCreate-{{cid}}-{{shareWith}}">{{createPermissionLabel}}</label>' +
 						'</span>' +
 					'{{/unless}}{{/if}}' +
 					'{{#if updatePermissionPossible}}{{#unless isMailShare}}' +
 					'<li>' +
-						'<span class="shareOption">' +
+						'<span class="shareOption menuitem">' +
 							'<input id="canUpdate-{{cid}}-{{shareWith}}" type="checkbox" name="update" class="permissions checkbox" {{#if hasUpdatePermission}}checked="checked"{{/if}} data-permissions="{{updatePermission}}"/>' +
 							'<label for="canUpdate-{{cid}}-{{shareWith}}">{{updatePermissionLabel}}</label>' +
 						'</span>' +
 					'{{/unless}}{{/if}}' +
 					'{{#if deletePermissionPossible}}{{#unless isMailShare}}' +
 					'<li>' +
-						'<span class="shareOption">' +
+						'<span class="shareOption menuitem">' +
 							'<input id="canDelete-{{cid}}-{{shareWith}}" type="checkbox" name="delete" class="permissions checkbox" {{#if hasDeletePermission}}checked="checked"{{/if}} data-permissions="{{deletePermission}}"/>' +
 							'<label for="canDelete-{{cid}}-{{shareWith}}">{{deletePermissionLabel}}</label>' +
 						'</span>' +