diff --git a/public/style.css b/public/style.css
index a5920d9..9749e2c 100644
--- a/public/style.css
+++ b/public/style.css
@@ -310,10 +310,16 @@ h1 + p {
font-size: 12px;
}
+.table-wrap {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ border: var(--border);
+}
+
table {
width: 100%;
+ min-width: 100%;
border-collapse: collapse;
- border: var(--border);
}
th {
diff --git a/src/views/file-list.ts b/src/views/file-list.ts
index 0e6f982..700d434 100644
--- a/src/views/file-list.ts
+++ b/src/views/file-list.ts
@@ -24,14 +24,16 @@ export function fileListPage(files: FileRow[], baseUrl: string): string {
return layout('My files', `
My files
Upload new file
-
-
-
- | Name | Type | Size | Uploaded | |
-
-
- ${rows}
-
+
+
+
+
+ | Name | Type | Size | Uploaded | |
+
+
+ ${rows}
+
+
`, { authed: true });
}
diff --git a/tests/integration/pages.test.ts b/tests/integration/pages.test.ts
index 686a8b5..20402c8 100644
--- a/tests/integration/pages.test.ts
+++ b/tests/integration/pages.test.ts
@@ -223,6 +223,7 @@ describe('GET /files — copy link', () => {
const res = await ctx.app.inject({ method: 'GET', url: '/files', cookies: { token } });
expect(res.statusCode).toBe(200);
expect(res.body).toContain('Copy link');
+ expect(res.body).toContain('class="table-wrap"');
});
});