From 6fed7382690ce14cc8c7f201db614e18b4fe4f61 Mon Sep 17 00:00:00 2001
From: Wroud <wrouds@gmail.com>
Date: Wed, 9 Sep 2020 18:06:25 +0300
Subject: [PATCH] fix: table overflow

CB-247
---
 .../Connections/ConnectionsTable/ConnectionEdit.tsx      | 1 +
 .../Connections/ConnectionsTable/ConnectionsTable.tsx    | 3 +++
 webapp/packages/core-theming/src/styles/_table.scss      | 9 ++++++++-
 .../src/Administration/Users/UsersTable/UsersTable.tsx   | 3 +++
 4 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx b/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx
index 3c83bf1a29..45d025b48a 100644
--- a/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx
+++ b/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx
@@ -26,6 +26,7 @@ const styles = composes(
   `,
   css`
     box {
+      box-sizing: border-box;
       padding: 24px;
       min-height: 320px;
       max-height: 500px;
diff --git a/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionsTable.tsx b/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionsTable.tsx
index 927d0ea02a..b857fdde6f 100644
--- a/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionsTable.tsx
+++ b/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionsTable.tsx
@@ -25,6 +25,9 @@ const styles = composes(
     }
   `,
   css`
+    Table {
+      width: 100%;
+    }
     TableColumnHeader {
       border-top: solid 1px;
     }
diff --git a/webapp/packages/core-theming/src/styles/_table.scss b/webapp/packages/core-theming/src/styles/_table.scss
index c4edd9db1c..6ee29790cf 100644
--- a/webapp/packages/core-theming/src/styles/_table.scss
+++ b/webapp/packages/core-theming/src/styles/_table.scss
@@ -12,10 +12,15 @@
     min-width: 100%;
     text-align: left;
     border-collapse: collapse;
+    table-layout: fixed;
 
     &[use|size="big"] {
       > thead > tr > th {
         height: 54px;
+
+        &[use|min] {
+          width: 46px;
+        }
       }
 
       > tbody > tr > td {
@@ -53,6 +58,7 @@
   }
 
   th {
+    box-sizing: border-box;
     white-space: nowrap;
     padding: 16px;
     height: 36px;
@@ -64,7 +70,7 @@
     text-decoration: none !important;
 
     &[use|min] {
-      width: 1%;
+      width: 28px;
     }
 
     &:last-child {
@@ -74,6 +80,7 @@
 
   td {
     position: relative;
+    box-sizing: border-box;
     height: 28px;
     padding: 0 16px;
     transition: padding ease-in-out 0.24s;
diff --git a/webapp/packages/plugin-authentication/src/Administration/Users/UsersTable/UsersTable.tsx b/webapp/packages/plugin-authentication/src/Administration/Users/UsersTable/UsersTable.tsx
index 1cd3d78b9f..727e2b2972 100644
--- a/webapp/packages/plugin-authentication/src/Administration/Users/UsersTable/UsersTable.tsx
+++ b/webapp/packages/plugin-authentication/src/Administration/Users/UsersTable/UsersTable.tsx
@@ -19,6 +19,9 @@ import { useStyles } from '@cloudbeaver/core-theming';
 import { User } from './User';
 
 const styles = css`
+  Table {
+    width: 100%;
+  }
   TableColumnHeader {
     border-top: solid 1px;
   }