fix: .page-wide auf alle Listen-/Dashboard-/Detailansichten ausgeweitet

Erste Version deckte nur die fünf Tabellen-Seiten ab. Auf Nutzerwunsch jetzt auch Dashboard, Posteingang, Register, Nutzerverwaltung, Fall-/ Antrag-Detail, Wiedervorlage, Betreiber-Accounts/-Audit-Log/-Dashboard und die neuen Genehmiger-Rollen/Freigaben-Seiten. Reine Formular-/Auth- Seiten (Login, Registrieren, Einladung, Nutzer/Firma anlegen) bleiben bewusst bei 1100px - ein einzelnes Formular auf voller Breite wäre schlechter lesbar. .page-wide selbst wurde von "kein Limit" auf 1600px korrigiert, da Detailseiten mit Fließtext (Fall-/Antrag-Detail) sonst auf Ultrawide-Monitoren unlesbar lange Zeilen bekommen hätten. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
fix: .page-wide hebt die 1100px-Breitendeckelung für Tabellen-Seiten auf
2026-09-01 08:58:18 +02:00 · 2026-09-01 08:54:53 +02:00
20 changed files with 32 additions and 19 deletions
--- a/internal/web/static/app.css
+++ b/internal/web/static/app.css
@@ -1057,4 +1057,17 @@ tbody tr:hover {
    padding: 32px 40px;
    width: 100%;
  }
+
+  /* Tabellen-/Listen-/Dashboard-Seiten verschwenden bei 1100px sichtbar
+     Platz auf breiten Bildschirmen, während Tabellen selbst schon
+     horizontal gescrollt/gequetscht werden müssen — .page-wide hebt die
+     Deckelung für genau diese Seiten an. Bewusst 1600px statt "kein
+     Limit": manche dieser Seiten (Fall-/Antrag-Detail) enthalten auch
+     Fließtext-Absätze, die auf einem Ultrawide-Monitor sonst unlesbar
+     lange Zeilen bekämen. Reine Formular-/Auth-Seiten (Login,
+     Registrieren, Einladung, ...) bleiben bei 1100px, dort ist die
+     schmalere Spalte weiterhin die bessere Lesbarkeit. */
+  .page-wide {
+    max-width: 1600px;
+  }
 }
--- a/internal/web/templates/abteilung_liste.html
+++ b/internal/web/templates/abteilung_liste.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <div class="page-header">
  <div>
    <h1>Abteilungen</h1>
--- a/internal/web/templates/antraege_liste.html
+++ b/internal/web/templates/antraege_liste.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <div class="page-header">
  <div>
    <h1>Meine Anträge</h1>
--- a/internal/web/templates/antrag_detail.html
+++ b/internal/web/templates/antrag_detail.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <p><a href="/antraege">&larr; Meine Anträge</a></p>
 <h1>{{.Titel}}</h1>
 <p class="hinweis">Eingereicht am {{.CreatedAt}} — Status: <span class="status status-{{.Status}}">{{.Status}}</span></p>
--- a/internal/web/templates/betreiber_account_detail.html
+++ b/internal/web/templates/betreiber_account_detail.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <p><a href="/betreiber/accounts">&larr; Alle Accounts</a></p>
 <h1>{{.Name}}</h1>
 <p class="hinweis">Angelegt am {{.CreatedAt}}</p>
--- a/internal/web/templates/betreiber_accounts.html
+++ b/internal/web/templates/betreiber_accounts.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <p><a href="/betreiber">&larr; Plattform</a></p>
 <div class="page-header">
  <div>
--- a/internal/web/templates/betreiber_audit_log.html
+++ b/internal/web/templates/betreiber_audit_log.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <p><a href="/betreiber">&larr; Plattform</a></p>
 <div class="page-header">
  <div>
--- a/internal/web/templates/betreiber_dashboard.html
+++ b/internal/web/templates/betreiber_dashboard.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <h1>Plattform</h1>
 <ul class="stat-cards">
  <li>
--- a/internal/web/templates/betreiber_werkzeuge.html
+++ b/internal/web/templates/betreiber_werkzeuge.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <p><a href="/betreiber">&larr; Plattform</a></p>
 <div class="page-header">
  <div>
--- a/internal/web/templates/faelle_liste.html
+++ b/internal/web/templates/faelle_liste.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <div class="page-header">
  <div>
    <h1>Posteingang</h1>
--- a/internal/web/templates/fall_detail.html
+++ b/internal/web/templates/fall_detail.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <p><a href="/faelle">&larr; Posteingang</a></p>
 <h1>{{.Titel}}</h1>
 <p class="hinweis">Eingereicht am {{.CreatedAt}} — Status: <span class="status status-{{.Status}}">{{.Status}}</span></p>
--- a/internal/web/templates/freigabe_regeln_liste.html
+++ b/internal/web/templates/freigabe_regeln_liste.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <div class="page-header">
  <div>
    <h1>Freigabe-Regeln</h1>
--- a/internal/web/templates/freigaben_liste.html
+++ b/internal/web/templates/freigaben_liste.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <div class="page-header">
  <div>
    <h1>Meine Freigaben</h1>
--- a/internal/web/templates/genehmiger_rollen_liste.html
+++ b/internal/web/templates/genehmiger_rollen_liste.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <div class="page-header">
  <div>
    <h1>Genehmiger-Rollen</h1>
--- a/internal/web/templates/index.html
+++ b/internal/web/templates/index.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <h1>Willkommen bei Deklarix</h1>
 {{if .Nav.IsBetreiber}}
 <ul class="stat-cards">
--- a/internal/web/templates/mandant_werkzeuge.html
+++ b/internal/web/templates/mandant_werkzeuge.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <h1>Werkzeugkatalog</h1>

 <div class="page-header">
--- a/internal/web/templates/nutzer_import_ergebnis.html
+++ b/internal/web/templates/nutzer_import_ergebnis.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <h1>Import-Ergebnis</h1>
 <p class="fehler">
  Die Einmalpasswörter unten werden nach dieser Seite nirgendwo mehr
--- a/internal/web/templates/nutzer_liste.html
+++ b/internal/web/templates/nutzer_liste.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <div class="page-header">
  <div>
    <h1>Nutzerverwaltung</h1>
--- a/internal/web/templates/register_liste.html
+++ b/internal/web/templates/register_liste.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <div class="page-header">
  <div>
    <h1>Register</h1>
--- a/internal/web/templates/wiedervorlage_liste.html
+++ b/internal/web/templates/wiedervorlage_liste.html
@@ -3,7 +3,7 @@
 <head>{{template "head" .}}</head>
 <body>
 {{template "nav" .Nav}}
-<div class="page">
+<div class="page page-wide">
 <div class="page-header">
  <div>
    <h1>Wiedervorlage</h1>