fix: table overflow

CB-247

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;

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;
     }

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;

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;
   }