thomas/jobbi-bewerbung
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stop long company names from pushing the actions column off-screen

Browse Source 
The overview table used auto layout with whitespace-nowrap on Firma/Stelle,
so a long name expanded the columns beyond w-full and the overflow-hidden
container clipped the right edge — hiding Bearbeiten/Löschen. Switch to
table-fixed with a colgroup for stable column widths, allow Firma/Stelle to
wrap (break-words, align-top), and make the wrapper overflow-x-auto so the
table scrolls horizontally on narrow viewports instead of clipping.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
thomas
2026-07-04 00:44:45 +02:00
co-authored by Claude
parent 89991d5c06
commit 35b60bc2ca
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/index.ejs
+12 -4
View File
@@ -144,8 +144,16 @@
</div> </div>
<!-- Applications Table --> <!-- Applications Table -->
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden"> <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-x-auto">
<table class="w-full"> <table class="w-full min-w-[720px] table-fixed">
<colgroup>
<col class="w-24">
<col class="w-[22%]">
<col class="w-[28%]">
<col class="w-28">
<col class="w-36">
<col class="w-24">
</colgroup>
<thead class="bg-gray-50 dark:bg-gray-700"> <thead class="bg-gray-50 dark:bg-gray-700">
<tr> <tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">Datum</th> <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">Datum</th>
@@ -206,10 +214,10 @@
<td class="px-6 pt-4 <%= padB %> whitespace-nowrap text-sm text-gray-900 dark:text-white"> <td class="px-6 pt-4 <%= padB %> whitespace-nowrap text-sm text-gray-900 dark:text-white">
<%= new Date(app.datum).toLocaleDateString('de-DE') %> <%= new Date(app.datum).toLocaleDateString('de-DE') %>
</td> </td>
<td class="px-6 pt-4 <%= padB %> whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white"> <td class="px-6 pt-4 <%= padB %> align-top text-sm font-medium text-gray-900 dark:text-white break-words">
<%= app.firma %> <%= app.firma %>
</td> </td>
<td class="px-6 pt-4 <%= padB %> whitespace-nowrap text-sm text-gray-900 dark:text-white"> <td class="px-6 pt-4 <%= padB %> align-top text-sm text-gray-900 dark:text-white break-words">
<%= app.stelle %> <%= app.stelle %>
</td> </td>
<td class="px-6 pt-4 <%= padB %> whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"> <td class="px-6 pt-4 <%= padB %> whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">