From dfb8b7ff28912105aa847a1fee0ec8d72c8ebd39 Mon Sep 17 00:00:00 2001
From: Naumov Alexey <Iamemptyhuh@gmail.com>
Date: Thu, 10 Jun 2021 13:27:49 +0300
Subject: [PATCH] fix(plugin-authentication): CB-888 disable select on table
 placeholder

---
 .../ConnectionAccess/ConnectionAccessGrantedList.tsx   |  2 +-
 .../ConnectionAccess/ConnectionAccessList.tsx          |  2 +-
 .../Administration/Users/UserForm/ConnectionAccess.tsx |  5 +----
 .../src/Administration/Users/UserForm/UserInfo.tsx     | 10 +++++-----
 4 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/webapp/packages/core-connections/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.tsx b/webapp/packages/core-connections/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.tsx
index e88d4bfbb6..0bad70a724 100644
--- a/webapp/packages/core-connections/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.tsx
+++ b/webapp/packages/core-connections/src/ConnectionForm/ConnectionAccess/ConnectionAccessGrantedList.tsx
@@ -100,7 +100,7 @@ export const ConnectionAccessGrantedList: React.FC<Props> = observer(function Co
       <Table selectedItems={selectedSubjects}>
         <ConnectionAccessTableInnerHeader />
         <TableBody>
-          <TableItem item='tableInfo'>
+          <TableItem item='tableInfo' selectDisabled>
             <TableColumnValue colSpan={5}>
               {translate(tableInfoText)}
             </TableColumnValue>
diff --git a/webapp/packages/core-connections/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.tsx b/webapp/packages/core-connections/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.tsx
index ab968b738b..246840b095 100644
--- a/webapp/packages/core-connections/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.tsx
+++ b/webapp/packages/core-connections/src/ConnectionForm/ConnectionAccess/ConnectionAccessList.tsx
@@ -91,7 +91,7 @@ export const ConnectionAccessList: React.FC<Props> = observer(function Connectio
         <ConnectionAccessTableInnerHeader />
         <TableBody>
           {!roles.get().length && !users.get().length && filterState.filterValue && (
-            <TableItem item='tableInfo'>
+            <TableItem item='tableInfo' selectDisabled>
               <TableColumnValue colSpan={5}>
                 {translate('connections_connection_access_filter_no_result')}
               </TableColumnValue>
diff --git a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/ConnectionAccess.tsx b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/ConnectionAccess.tsx
index aa44c974ef..09dfd51942 100644
--- a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/ConnectionAccess.tsx
+++ b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/ConnectionAccess.tsx
@@ -32,9 +32,6 @@ const styles = composes(
     }
   `,
   css`
-    TableColumnHeader {
-      border-top: solid 1px;
-    }
     StaticImage {
       display: flex;
       width: 24px;
@@ -97,7 +94,7 @@ export const ConnectionAccess: TabContainerPanelComponent<IUserFormProps> = obse
           </TableHeader>
           <TableBody>
             {cloudExists && (
-              <TableItem item='cloudInfo'>
+              <TableItem item='cloudInfo' selectDisabled>
                 <TableColumnValue colSpan={5}>
                   {translate('connections_connection_access_cloud_placeholder')}
                 </TableColumnValue>
diff --git a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserInfo.tsx b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserInfo.tsx
index 87c0473fb0..c4a4b2765e 100644
--- a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserInfo.tsx
+++ b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserInfo.tsx
@@ -30,7 +30,7 @@ export const UserInfo: TabContainerPanelComponent<IUserFormProps> = observer(fun
 
   return styled(useStyles(BASE_CONTAINERS_STYLES))(
     <ColoredContainer parent gap overflow>
-      <Group medium gap>
+      <Group small gap vertical>
         <GroupTitle>{translate('authentication_user_credentials')}</GroupTitle>
         <InputFieldNew
           type='text'
@@ -39,7 +39,7 @@ export const UserInfo: TabContainerPanelComponent<IUserFormProps> = observer(fun
           disabled={controller.isSaving}
           readOnly={editing}
           mod='surface'
-          large
+          tiny
           required
         >
           {translate('authentication_user_name')}
@@ -54,7 +54,7 @@ export const UserInfo: TabContainerPanelComponent<IUserFormProps> = observer(fun
               placeholder={editing ? '••••••' : ''}
               disabled={controller.isSaving}
               mod='surface'
-              small
+              tiny
               required
             >
               {translate('authentication_user_password')}
@@ -66,7 +66,7 @@ export const UserInfo: TabContainerPanelComponent<IUserFormProps> = observer(fun
               placeholder={editing ? '••••••' : ''}
               disabled={controller.isSaving}
               mod='surface'
-              small
+              tiny
               required
             >
               {translate('authentication_user_password_repeat')}
@@ -74,7 +74,7 @@ export const UserInfo: TabContainerPanelComponent<IUserFormProps> = observer(fun
           </>
         )}
       </Group>
-      <Group medium gap>
+      <Group small gap>
         <GroupTitle>{translate('authentication_user_role')}</GroupTitle>
         {controller.roles.map(role => (
           <FieldCheckboxNew