From 06ba70d97084743ad500da6753a6e070558e1130 Mon Sep 17 00:00:00 2001
From: Thomas Stallinger <stallinger@gmx.de>
Date: Tue, 1 Sep 2026 16:08:26 +0200
Subject: [PATCH] =?UTF-8?q?installationsmedium:=20Erstellungsinfo=20hervor?=
 =?UTF-8?q?heben=20+=20ISO-Gr=C3=B6=C3=9Fe=20anzeigen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Nutzer-Feedback (01.09.2026, echter Hardware-Test):
- "Wenn man ein Installationsmedium erstellt... wird relativ weit oben die
  Erstellungsinfo sichtbar. Aber etwas unscheinbar. Vielleicht kann man
  das leicht farbig hinterlegen" - neue .highlight-box-Klasse (farbiger
  linker Rand + Picos eigene Sectioning-Hintergrundfarbe, Dark/Light-Mode-
  sicher da nur Pico-CSS-Variablen) auf der "Aktuelles Installationsmedium"
  Sektion.
- "Bitte nach ISO-Build auch die Größe anzeigen lassen" - zeigt
  iso_build.size_bytes (neu von provisioning-server geliefert, siehe
  dortiger Commit fb87a23) über Jinjas eingebauten filesizeformat-Filter an.
---
 templates/base.html                | 14 ++++++++++++++
 templates/installationsmedium.html |  5 ++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/templates/base.html b/templates/base.html
index 378d7e1..e9dc3a7 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,6 +11,20 @@
         .optionen label { font-weight: normal; }
         td form { margin-bottom: 0; }
         .brand-logo { height: 2.2rem; vertical-align: middle; margin-right: 0.5rem; }
+        /* Nutzer-Feedback (01.09.2026): die Erstellungsinfo auf
+           /installationsmedium ("Aktuelles Installationsmedium") stand relativ
+           weit oben, war aber "etwas unscheinbar" - nach dem Absenden des
+           Erstellen-Formulars weiter unten fiel die aktualisierte Info oben
+           kaum auf. Farbiger linker Rand + Pico-eigene Sectioning-Hintergrund-
+           farbe statt eigener Farbwerte, damit Dark/Light-Mode automatisch
+           erhalten bleibt.
+        */
+        .highlight-box {
+            border-left: 4px solid var(--pico-primary);
+            background: var(--pico-card-sectioning-background-color);
+            padding: 1rem 1.25rem;
+            border-radius: var(--pico-border-radius);
+        }
 
         /* Nav-Umbau 26.08.2026 (siehe ADR "Produktname und Navigationsstruktur"):
            vertikale Primär-Nav links, Hauptbereich rechts. Pico bringt kein
diff --git a/templates/installationsmedium.html b/templates/installationsmedium.html
index d3d879c..be76ae4 100644
--- a/templates/installationsmedium.html
+++ b/templates/installationsmedium.html
@@ -8,7 +8,7 @@
 {% endif %}
 
 {% if konfiguration %}
-<section>
+<section class="highlight-box">
     <h3>Aktuelles Installationsmedium</h3>
     <table>
         <tbody>
@@ -33,6 +33,9 @@
             {% if iso_build.expires_at %}
             <p><small>Zum Download verfügbar bis: {{ iso_build.expires_at }} (danach automatisch gelöscht — Kontingent/Gültigkeit der Registrierung selbst sind davon unabhängig).</small></p>
             {% endif %}
+            {% if iso_build.size_bytes %}
+            <p><small>Größe: {{ iso_build.size_bytes | filesizeformat }}</small></p>
+            {% endif %}
             {% if iso_build.sha256 %}
             <p><small>SHA256: <code>{{ iso_build.sha256 }}</code></small></p>
             {% endif %}