style: missing icon and adapt dialog style to NC30

Signed-off-by: Sebastien Marinier <sebastien.marinier@arawa.fr>

ts/Manager/App.scss

@@ -16,7 +16,22 @@
 
 .oc-dialog.bbb-dialog {
   max-height: calc(100% - 70px);
-  margin-top: 25px;
+  margin-top: 0;
+  padding: 4px 24px;
+}
+
+.bbb-dialog {
+
+  .oc-dialog-title {
+    font-size: 21px;
+    text-align: center;
+    margin-top: 0;
+  }
+
+  .oc-dialog-close {
+    padding: 0;
+    top: 0;
+  }
 }
 
 .bbb-mb-1 {

ts/Manager/RoomRow.tsx

@@ -180,7 +180,7 @@ const RoomRow: React.FC<Props> = (props) => {
 	function accessToIcon(access: string) {
 		switch(access) {
 		case Access.Public:
-			return <span className="icon icon-visible icon-link" title={AccessOptions[access]} />;
+			return <span className="icon icon-visible icon-public" title={AccessOptions[access]} />;
 		case Access.Password:
 			return <span className="icon icon-visible icon-password" title={AccessOptions[access]} />;
 		case Access.Internal:
@@ -188,6 +188,7 @@ const RoomRow: React.FC<Props> = (props) => {
 		case Access.InternalRestricted:
 			return <span className="icon icon-visible icon-user" title={AccessOptions[access]} />;
 		case Access.WaitingRoom:
+		case Access.WaitingRoomAll:
 			return <span className="icon icon-visible icon-timezone" title={AccessOptions[access]} />;
 		}
 

ts/Manager/ShareWith.tsx

@@ -106,9 +106,9 @@ const ShareWith: React.FC<Props> = ({ room, permission, shares: allShares, setSh
 								{share.shareType === ShareType.Circle && <span className="icon-circle-white"></span>}
 							</div>
 							<div className="bbb-shareWith__item__label">
-								<h5>{displayName}
+								<span>{displayName}
 									{(share.id === ROOM_OWNER_ID || !isOwner) && (' (' + permissionLabel(share.permission) + ')')}
-								</h5>
+								</span>
 							</div>
 							{(share.id > ROOM_OWNER_ID && isOwner) && selectPermission(share.permission, (value) => {
 								setSharePermission(share, value);