From 0f8480ca0b6d0d24f95300a23400a4ba4a9b0774 Mon Sep 17 00:00:00 2001
From: jjjojoj <88077783+jjjojoj@users.noreply.github.com>
Date: Mon, 6 Apr 2026 22:05:01 +0800
Subject: [PATCH] fix: add max-height, flex layout, and scrollable command
 preview for mobile approval card

---
 ui/src/styles/components.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/ui/src/styles/components.css b/ui/src/styles/components.css
index aa1357738fd..e598aae6aaf 100644
--- a/ui/src/styles/components.css
+++ b/ui/src/styles/components.css
@@ -4275,10 +4275,14 @@ details[open] > .ov-expandable-toggle::after {
 
   .exec-approval-card {
     padding: 16px;
+    max-height: 90dvh;
+    display: flex;
+    flex-direction: column;
   }
 
   .exec-approval-actions {
     flex-direction: column;
+    flex-shrink: 0;
   }
 
   .exec-approval-actions .btn {
@@ -4288,6 +4292,8 @@ details[open] > .ov-expandable-toggle::after {
   .exec-approval-command {
     font-size: 12px;
     padding: 8px 10px;
+    max-height: 40dvh;
+    overflow-y: auto;
   }
 
   .table-head {