no break

2 files changed, 16 insertions, 10 deletions

diff --git a/src/components/ConnectionTable.module.scss b/src/components/ConnectionTable.module.scss
index 729765d..4f17a5c 100644
--- a/src/components/ConnectionTable.module.scss
+++ b/src/components/ConnectionTable.module.scss
@@ -5,7 +5,7 @@
 }
 
 .th {
-  padding: 3% 0%;
+  padding: 3% 2px;
   height: 50px;
   background: var(--color-background);
   position: sticky;
@@ -24,7 +24,7 @@
 }
 
 .thdu {
-  padding: 3% 0%;
+  padding: 3% 2px;
   height: 50px;
   background: var(--color-background);
   position: sticky;
@@ -35,22 +35,28 @@
   vertical-align: middle;
   display: flex;
   align-items: center;
-  justify-content: space-evenly;
+  justify-content: center;
 
   &:hover {
     color: var(--color-text-highlight);
   }
 }
 
+.break {
+  word-wrap: break-word;
+  word-break: break-all;
+  align-items: center;
+  text-align: left;
+}
+
 .td {
   /* 上边下边 | 左边右边 */
-  padding: 4% 2%;
+  padding: 10px 2px;
   font-size: 0.9em;
-  max-width: 14em;
+  // max-width: 14em;
   min-width: 9em;
-  word-wrap: break-word;
-  word-break: break-all;
   cursor: default;
+  align-items: center;
   text-align: left;
   vertical-align: middle;
   &:hover {
@@ -64,10 +70,9 @@
 }
 
 /* download upload td cells */
-.du {
+.center {
   min-width: 7em;
   text-align: center;
-  justify-content: space-around;
 }
 
 .sortIconContainer {
diff --git a/src/components/ConnectionTable.tsx b/src/components/ConnectionTable.tsx
index c0ce704..2b0a12a 100644
--- a/src/components/ConnectionTable.tsx
+++ b/src/components/ConnectionTable.tsx
@@ -96,7 +96,8 @@ function Table({ data }) {
                     className={cx(
                       s.td,
                       i % 2 === 0 ? s.odd : false,
-                      j == 0 || (j >= 5 && j < 10) ? s.du : true
+                      j == 0 || (j >= 5 && j < 10) ? s.center : true
+                      // j ==1 ? s.break : true
                     )}
                   >
                     {renderCell(cell, locale)}