From 32b79b5d621827c2ad1d1803d32feeb68803a676 Mon Sep 17 00:00:00 2001
From: Sandro <mail@sandrodach.de>
Date: Sat, 31 Oct 2026 11:00:33 +0100
Subject: [PATCH] fix(workspace): journal entry on phones looks like a folder
 row, no half highlight after back

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 CHANGELOG.md                                     |  8 +++++++-
 README.md                                        |  2 +-
 frontend/package-lock.json                       |  4 ++--
 frontend/package.json                            |  2 +-
 .../src/features/workspace/WorkspaceView.tsx     | 16 ++++++++--------
 5 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6ccc3cd..2f5397a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,11 @@ Das Format folgt [Keep a Changelog](https://keepachangelog.com/de/1.1.0/), die V
 
 ## [Unreleased]
 
+## [0.18.1] - 2026-10-31
+
+### Fixed
+- Workspace am Handy: Nach dem Öffnen des Journals und „Zurück“ blieb der Journal-Eintrag halb markiert, und er war kleiner beschriftet als die Ordner. Er sieht jetzt aus wie ein normaler Eintrag (gleiche Höhe und Schrift wie die Ordner); am Desktop öffnet er sich wie bisher als Bereich mit Kalender.
+
 ## [0.18.0] - 2026-10-31
 
 ### Changed
@@ -430,7 +435,8 @@ Das Format folgt [Keep a Changelog](https://keepachangelog.com/de/1.1.0/), die V
 - Geteilte Listen (Einkaufs-, Pack- und Checklisten) mit `#Kategorie`-Gruppierung, Mengenangaben und Echtzeit-Abhaken.
 - Benutzer-, Gruppen- und Admin-Verwaltung (Ersteinrichtungs-Assistent, Einladungscodes, Profilbilder, persönliche API-Keys & Webhook-Ingest `/api/v1/webhooks/ingest`, JSON-Datenexport) sowie CSS-Theme-Engine mit 4 Themes (`Dark`, `Light`, `High Contrast`, `Soft`) und PWA-Unterstützung.
 
-[Unreleased]: https://git.dsit.me/sandrodach/MindSift/compare/v0.18.0...dev
+[Unreleased]: https://git.dsit.me/sandrodach/MindSift/compare/v0.18.1...dev
+[0.18.1]: https://git.dsit.me/sandrodach/MindSift/compare/v0.18.0...v0.18.1
 [0.18.0]: https://git.dsit.me/sandrodach/MindSift/compare/v0.17.4...v0.18.0
 [0.17.4]: https://git.dsit.me/sandrodach/MindSift/compare/v0.17.3...v0.17.4
 [0.17.3]: https://git.dsit.me/sandrodach/MindSift/compare/v0.17.2...v0.17.3
diff --git a/README.md b/README.md
index 741582a..a95f261 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 [![Self-Hosted](https://img.shields.io/badge/100%25-Self--Hosted-2563eb?style=flat-square)](#)
 [![Docker](https://img.shields.io/badge/Deployment-Single%20Container-2496ed?style=flat-square&logo=docker&logoColor=white)](#-schnellstart)
 [![SQLite](https://img.shields.io/badge/Daten-SQLite-003b57?style=flat-square&logo=sqlite&logoColor=white)](#-deine-daten-gehören-dir)
-[![Version](https://img.shields.io/badge/Version-v0.18.0-16a34a?style=flat-square)](CHANGELOG.md)
+[![Version](https://img.shields.io/badge/Version-v0.18.1-16a34a?style=flat-square)](CHANGELOG.md)
 
 **MindSift** ist eine selbst gehostete Schaltstelle für spontane Gedanken, Aufgaben mit Kanban-Board, hierarchische Outliner-Notizen, die mehrere Personen gleichzeitig bearbeiten können, und gemeinsame Listen. Alles läuft als ein einzelner Container mit eingebetteter SQLite-Datenbank, auf deinem eigenen Server.
 
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index b7e5153..2b23a34 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "mindsift-frontend",
-  "version": "0.18.0",
+  "version": "0.18.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "mindsift-frontend",
-      "version": "0.18.0",
+      "version": "0.18.1",
       "license": "Unlicense",
       "dependencies": {
         "@fontsource-variable/inter": "5.3.0",
diff --git a/frontend/package.json b/frontend/package.json
index 67768e7..b130b03 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,7 +1,7 @@
 {
   "name": "mindsift-frontend",
   "private": true,
-  "version": "0.18.0",
+  "version": "0.18.1",
   "license": "Unlicense",
   "type": "module",
   "scripts": {
diff --git a/frontend/src/features/workspace/WorkspaceView.tsx b/frontend/src/features/workspace/WorkspaceView.tsx
index 08c5fbf..84ee67b 100644
--- a/frontend/src/features/workspace/WorkspaceView.tsx
+++ b/frontend/src/features/workspace/WorkspaceView.tsx
@@ -1742,12 +1742,14 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
         {/* Scrollable Navigation Tree */}
         <div className="flex-1 overflow-y-auto p-2 space-y-3">
           {/* Journal on top; open, it becomes a panel with the calendar (click the heading to close).
-              Panel and calendar animate open (grid rows 0fr → 1fr) instead of jumping. */}
+              Panel and calendar animate open (grid rows 0fr → 1fr) instead of jumping. Only from lg on:
+              below, the journal is a view of its own and the button stays a plain entry like the folders
+              (otherwise it stayed half highlighted after "back"). */}
           {journalEnabled && (
             <div>
               <div
                 className={`rounded-card border-2 transition-[background-color,border-color,padding] duration-300 ease-out ${
-                  subView === 'journal' ? 'border-transparent bg-panel-elevated p-2.5' : 'border-transparent p-0'
+                  subView === 'journal' ? 'border-transparent p-0 lg:bg-panel-elevated lg:p-2.5' : 'border-transparent p-0'
                 }`}
               >
                 <button
@@ -1755,14 +1757,12 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
                   onClick={toggleJournal}
                   aria-expanded={subView === 'journal'}
                   title={subView === 'journal' ? 'Journal schließen' : 'Journal öffnen'}
-                  className={`w-full flex items-center gap-2 text-left cursor-pointer rounded-btn transition-all duration-300 ${
-                    subView === 'journal'
-                      ? 'h-11 sm:h-7 px-0.5 text-sm font-bold text-main'
-                      : 'h-11 sm:h-8 px-2 text-xs text-main hover:bg-panel-elevated'
+                  className={`w-full flex items-center gap-2 text-left cursor-pointer rounded-btn transition-all duration-300 h-11 sm:h-8 px-2 text-sm sm:text-xs text-main hover:bg-panel-elevated ${
+                    subView === 'journal' ? 'lg:h-7 lg:px-0.5 lg:text-sm lg:font-bold lg:hover:bg-transparent' : ''
                   }`}
                 >
                   <CalendarDays
-                    className={`text-accent transition-all duration-300 ${subView === 'journal' ? 'w-4 h-4' : 'w-3.5 h-3.5'}`}
+                    className={`text-accent transition-all duration-300 w-3.5 h-3.5 ${subView === 'journal' ? 'lg:w-4 lg:h-4' : ''}`}
                   />
                   <span>Journal</span>
                 </button>
@@ -1785,7 +1785,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
               </div>
               <div
                 className={`h-px bg-border mt-1.5 transition-opacity duration-300 ${
-                  subView === 'journal' ? 'opacity-0' : 'opacity-100'
+                  subView === 'journal' ? 'opacity-100 lg:opacity-0' : 'opacity-100'
                 }`}
               />
             </div>