From 7410a18755c5f177ab0186332cbc4490d5a08267 Mon Sep 17 00:00:00 2001
From: Meleki <meleki@gott.local>
Date: Mon, 2 Mar 2026 08:55:33 +0100
Subject: [PATCH] Fix: CodeMirror horizontaler Scroll im File Explorer

- min-width: 0 auf allen Flex-Ebenen (.fe-main, .fe-cm-wrap, #feCmHost, .CodeMirror)
- overflow: auto Override entfernt, CodeMirror-Default (overflow: scroll) reicht
- Klassisches Flexbox min-width: auto Problem behoben
---
 TODO.md                       |  2 +-
 wwwroot/css/chat.css          |  2 +-
 wwwroot/css/file-explorer.css | 10 ++++++----
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/TODO.md b/TODO.md
index 0ad0047..59c998a 100644
--- a/TODO.md
+++ b/TODO.md
@@ -10,7 +10,7 @@
 - [ ] Neuer Message-Tag: `[canvas:<title>:<height (optional)>]...[/canvas]`
 - [ ] Websearch Tool?
 - [x] Anfrage/Stream abbrechen
-- [ ] Telegram Intergration
+- [ ] Telegram-Intergration
 - [ ] Refactoring: Agent/Session-Einstellungen, die den System-Prompt bzw. das Tool Use bearbeiten
 
 ## Bugs
diff --git a/wwwroot/css/chat.css b/wwwroot/css/chat.css
index 7423d58..a90334f 100644
--- a/wwwroot/css/chat.css
+++ b/wwwroot/css/chat.css
@@ -6,7 +6,7 @@
   flex: 1;
   overflow-y: auto;
   padding: 2em 1em 1em;
-  gap: calc(var(--box-spacing) / 2);
+  gap: var(--badge-spacing);
   display: flex;
   flex-direction: column;
   background: var(--chat-bg);
diff --git a/wwwroot/css/file-explorer.css b/wwwroot/css/file-explorer.css
index 244e5f9..246fcd0 100644
--- a/wwwroot/css/file-explorer.css
+++ b/wwwroot/css/file-explorer.css
@@ -70,6 +70,7 @@
   flex: 1;
   overflow: hidden;
   display: flex;
+  min-width: 0;
 }
 
 .fe-item {
@@ -130,6 +131,7 @@
   flex: 1;
   overflow: hidden;
   height: 100%;
+  min-width: 0;
 }
 
 .fe-cm-wrap > div {
@@ -139,6 +141,7 @@
      mit negativem Offset; overflow:hidden würde es clippen → kein Input */
   position: relative;
   height: 100%;
+  min-width: 0;
 }
 
 .fe-mde-wrap .EasyMDEContainer {
@@ -154,6 +157,7 @@
 .fe-mde-wrap .EasyMDEContainer .CodeMirror {
   flex: 1;
   height: 100% !important;
+  min-width: 0;
   font-family: var(--mono) !important;
   line-height: 1.5;
   background: var(--f2-bg) !important;
@@ -163,10 +167,8 @@
   padding: 0 !important;
 }
 
-.fe-cm-wrap .CodeMirror-scroll,
-.fe-mde-wrap .CodeMirror-scroll {
-  overflow: auto !important;
-}
+/* CodeMirror-scroll: Default (overflow: scroll !important) reicht aus.
+   Horizontaler Scroll funktioniert über min-width: 0 auf den Flex-Eltern. */
 
 .fe-cm-wrap .CodeMirror-gutters,
 .fe-mde-wrap .CodeMirror-gutters {