From 0cb9a26974cf0b37270988b0db853d259942c786 Mon Sep 17 00:00:00 2001
From: Bkolb <bernhard@kolb.cc>
Date: Fri, 3 Apr 2026 17:39:58 +0200
Subject: [PATCH] Layout Dokumente

---
 .../app/templates/dokumente.html              | 59 ++++++++-----------
 app/flask-postgres/styles/site.css            | 21 +++++++
 2 files changed, 45 insertions(+), 35 deletions(-)

diff --git a/app/flask-postgres/app/templates/dokumente.html b/app/flask-postgres/app/templates/dokumente.html
index 8e559ff..03bec61 100644
--- a/app/flask-postgres/app/templates/dokumente.html
+++ b/app/flask-postgres/app/templates/dokumente.html
@@ -18,9 +18,6 @@
             <th>Kurzbeschreibung</th>
             <th>Datei</th>
             <th>Status</th>
-            <th>Datum</th>
-            <th>User</th>
-            <th>Größe</th>
             <th>Aktionen</th>
         </tr>
         </thead>
@@ -32,13 +29,32 @@
         <td>{{ item.short_description or "-" }}</td>
 
         <td>
-            {% if item.stored_filename %}
-            <a href="/dokumente/file/{{ item.id }}">
+        {% if item.stored_filename %}
+            <div class="file-block">
+            <a href="/dokumente/file/{{ item.id }}" class="file-name">
                 {{ item.original_filename or item.stored_filename }}
             </a>
-            {% else %}
+
+            <div class="file-meta">
+                {{ item.uploaded_at.strftime("%d.%m.%Y %H:%M") if item.uploaded_at else "-" }}
+                • {{ item.uploaded_by_name or "-" }}
+                •
+                {% if item.filesize %}
+                {% if item.filesize < 1024 %}
+                    {{ item.filesize }} B
+                {% elif item.filesize < 1024*1024 %}
+                    {{ (item.filesize / 1024)|round(1) }} KB
+                {% else %}
+                    {{ (item.filesize / (1024*1024))|round(2) }} MB
+                {% endif %}
+                {% else %}
+                -
+                {% endif %}
+            </div>
+            </div>
+        {% else %}
             -
-            {% endif %}
+        {% endif %}
         </td>
 
         <td>
@@ -49,34 +65,7 @@
             {% endif %}
         </td>
 
-        <!-- 📅 Datum -->
-        <td>
-            {% if item.uploaded_at %}
-               {{ item.uploaded_at | datetime }}
-            {% else %}
-            -
-            {% endif %}
-        </td>
-
-        <!-- 👤 User -->
-        <td>
-            {{ item.uploaded_by_name or "-" }}
-        </td>
-
-        <!-- 📦 Filesize -->
-        <td>
-            {% if item.filesize %}
-            {% if item.filesize < 1024 %}
-                {{ item.filesize }} B
-            {% elif item.filesize < 1024*1024 %}
-                {{ (item.filesize / 1024)|round(1) }} KB
-            {% else %}
-                {{ (item.filesize / (1024*1024))|round(2) }} MB
-            {% endif %}
-            {% else %}
-            -
-            {% endif %}
-        </td>
+        
 
         <td>
             <div class="table-actions">
diff --git a/app/flask-postgres/styles/site.css b/app/flask-postgres/styles/site.css
index eedad2e..e1cdd26 100644
--- a/app/flask-postgres/styles/site.css
+++ b/app/flask-postgres/styles/site.css
@@ -739,4 +739,25 @@ button {
 .mandanten-table td,
 .mandanten-table th {
   vertical-align: middle;
+}
+
+.file-block {
+  display: flex;
+  flex-direction: column;
+}
+
+.file-name {
+  font-weight: 600;
+  color: #3a2b7a;
+  text-decoration: none;
+}
+
+.file-name:hover {
+  text-decoration: underline;
+}
+
+.file-meta {
+  font-size: 12px;
+  color: #6b7280;
+  margin-top: 4px;
 }
\ No newline at end of file