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>

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>