From fbd41e3eb49511b7525cfd1df216c42ee076f067 Mon Sep 17 00:00:00 2001
From: Fusion <noreply@runfusion.ai>
Date: Sun, 24 May 2026 23:25:42 +0200
Subject: [PATCH] fix: mobile terminal container height - use flexbox
 throughout

- Change .mobile-terminal-content to display: flex with flex-direction: column
- Change .terminal-wrapper.mobile to use flex: 1 instead of position: absolute
- Change .terminal-container to use flex: 1 instead of height: 100%
- Ensures proper height calculation in flex layout chain
---
 apps/web/src/styles.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index a912705..7651e13 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -3239,26 +3239,26 @@ a.nav-item,
   overflow: hidden;
   position: relative;
   background: #1e1e1e;
+  display: flex;
+  flex-direction: column;
 }
 
 /* Terminal wrapper - fills content area */
 .terminal-wrapper.mobile {
   border: none;
   border-radius: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  flex: 1;
+  min-height: 0;
   width: 100%;
-  height: 100%;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 
 .terminal-wrapper.mobile .terminal-container {
   width: 100%;
-  height: 100%;
-  max-height: 100%;
+  flex: 1;
+  min-height: 0;
   padding: 0;
   overflow: hidden;
   position: relative;