From aaeeee17170becb147ee729e500f51d2d65254fa Mon Sep 17 00:00:00 2001
From: Pepe Ziberi <pepe@lageplan.ch>
Date: Thu, 23 Jul 2026 20:21:29 +0200
Subject: [PATCH] fix(journal): Modul-Button & Aktionen auf dem Handy klar
 sichtbar (v1.8.5)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Journal-Kopfzeile bricht auf dem Handy sauber um (Titel oben, Aktionen darunter)
- "Module"-Button trägt jetzt immer die Beschriftung (vorher nur Icon auf dem Handy)
  und ist damit auffindbar; Aktionen (Module/Rapport/E-Mail/Drucken) umbrechend statt gequetscht

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 package.json                            |  2 +-
 src/components/journal/journal-view.tsx | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 76e7965..a3abc72 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lageplan",
-  "version": "1.8.4",
+  "version": "1.8.5",
   "description": "Feuerwehr Lageplan - Krokier-App für Einsatzdokumentation",
   "private": true,
   "scripts": {
diff --git a/src/components/journal/journal-view.tsx b/src/components/journal/journal-view.tsx
index 92698ee..749140b 100644
--- a/src/components/journal/journal-view.tsx
+++ b/src/components/journal/journal-view.tsx
@@ -516,16 +516,16 @@ export function JournalView({ projectId, projectTitle, projectLocation, mode, ei
       <div className="h-full overflow-auto bg-stone-50 dark:bg-background print:bg-white print:overflow-visible">
         {/* Header */}
         <div className="p-3 md:p-4 border-b-2 border-red-600 dark:border-red-800 bg-white dark:bg-card shadow-sm print:bg-white print:p-2 print:border-b-2 print:border-red-600">
-          <div className="flex items-center justify-between mb-2 print:mb-1">
+          <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-2 mb-2 print:mb-1">
             <h2 className="text-lg md:text-xl font-bold flex items-center gap-2 print:text-base text-red-800 dark:text-red-400">
               <ClipboardList className="w-5 h-5 md:w-6 md:h-6 print:w-4 print:h-4" />
               {isUebung ? 'Übungs-Journal' : 'Einsatz-Journal'}
             </h2>
-            <div className="flex gap-1.5 print:hidden">
+            <div className="flex flex-wrap gap-1.5 print:hidden">
               {canManageModules && (
-                <Button variant="outline" size="sm" onClick={() => setShowModuleManager(true)} title="Cockpit-Module verwalten">
-                  <Blocks className="w-4 h-4 md:mr-1.5" />
-                  <span className="hidden md:inline">Module</span>
+                <Button variant="outline" size="sm" onClick={() => setShowModuleManager(true)} title="Cockpit-Module verwalten (Spalten, eigene Module)">
+                  <Blocks className="w-4 h-4 mr-1.5" />
+                  Module
                 </Button>
               )}
               <Button