diff --git a/app/templates/file.js b/app/templates/file.js
index 4c20d641..070fc296 100644
--- a/app/templates/file.js
+++ b/app/templates/file.js
@@ -18,8 +18,8 @@ module.exports = function(file, state, emit) {
const remaining = timeLeft(ttl) || state.translate('linkExpiredAlt');
const row = html`
- ${file.name} |
-
+ | ${file.name} |
+
@@ -28,7 +28,7 @@ module.exports = function(file, state, emit) {
)}
|
${remaining} |
-
+ |
diff --git a/app/templates/fileList.js b/app/templates/fileList.js
index c5961239..eed2465f 100644
--- a/app/templates/fileList.js
+++ b/app/templates/fileList.js
@@ -9,9 +9,13 @@ module.exports = function(state, emit) {
${state.translate('uploadedFile')} |
- ${state.translate('copyFileList')} |
+ ${state.translate(
+ 'copyFileList'
+ )} |
${state.translate('expiryFileList')} |
- ${state.translate('deleteFileList')} |
+ ${state.translate(
+ 'deleteFileList'
+ )} |
|
diff --git a/assets/main.css b/assets/main.css
index 7641d932..770b1a87 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -296,6 +296,10 @@ td {
padding: 17px 19px 0;
line-height: 23px;
position: relative;
+ text-overflow: ellipsis;
+ max-width: 0;
+ overflow: hidden;
+ white-space: nowrap;
}
table {
@@ -329,6 +333,10 @@ tbody {
width: 12%;
}
+.center-col {
+ text-align: center;
+}
+
.icon-delete,
.icon-copy,
.icon-check {