From 35b60bc2ca6119a4256a1d77923f30fdd3c05923 Mon Sep 17 00:00:00 2001
From: Thomas Hackner <thomas@hackner.dev>
Date: Sat, 4 Jul 2026 00:44:45 +0200
Subject: [PATCH] Stop long company names from pushing the actions column
 off-screen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 views/index.ejs | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/views/index.ejs b/views/index.ejs
index b97a093..dac2658 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -144,8 +144,16 @@
         </div>
 
         <!-- Applications Table -->
-        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden">
-            <table class="w-full">
+        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-x-auto">
+            <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">
                     <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>
@@ -206,10 +214,10 @@
                                 <td class="px-6 pt-4 <%= padB %> whitespace-nowrap text-sm text-gray-900 dark:text-white">
                                     <%= new Date(app.datum).toLocaleDateString('de-DE') %>
                                 </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 %>
                                 </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 %>
                                 </td>
                                 <td class="px-6 pt-4 <%= padB %> whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">