Added elliptic text overflow

1 files changed, 22 insertions, 0 deletions

diff --git a/src/main/resources/css/files.css b/src/main/resources/css/files.css
index acbfd6a..b36c6d2 100644
--- a/src/main/resources/css/files.css
+++ b/src/main/resources/css/files.css
@@ -3,6 +3,7 @@
 }
 
 table {
+    table-layout: fixed;
     width: 100%;
 }
 
@@ -30,6 +31,27 @@ table thead tr:hover {
     background-color: #ffffff;
 }
 
+tr td, tr th {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+tr td:nth-child(0) {
+    max-width: 40%;
+}
+
+tr td:nth-child(1) {
+    max-width: 20%;
+}
+
+tr td:nth-child(2) {
+    max-width: 30%;
+}
+
+tr td:nth-child(3) {
+    max-width: 10%;
+}
+
 .drop {
     padding: 8px;
     min-height: calc(100vh - 16px);