From 86436d050ef9df1c6fb046ac9cc3a6c0e83cd2c2 Mon Sep 17 00:00:00 2001
From: sawka <mike.sawka@gmail.com>
Date: Tue, 7 Nov 2023 23:58:54 -0800
Subject: [PATCH] limit size of newstate on line

---
 src/app/line/linecomps.tsx |  2 +-
 src/app/line/lines.less    | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/app/line/linecomps.tsx b/src/app/line/linecomps.tsx
index e9c4d5a40..a57eba370 100644
--- a/src/app/line/linecomps.tsx
+++ b/src/app/line/linecomps.tsx
@@ -717,7 +717,7 @@ class LineCmd extends React.Component<
                                 <div className="cmd-rtnstate-label">new state</div>
                                 <div className="cmd-rtnstate-sep"></div>
                                 <div className="cmd-rtnstate-diff" style={{ fontSize: rtnStateDiffSize }}>
-                                    {this.rtnStateDiff.get()}
+                                    <div className="cmd-rtnstate-diff-inner">{this.rtnStateDiff.get()}</div>
                                 </div>
                             </If>
                         </div>
diff --git a/src/app/line/lines.less b/src/app/line/lines.less
index 4a145eeae..15c47bea5 100644
--- a/src/app/line/lines.less
+++ b/src/app/line/lines.less
@@ -146,9 +146,18 @@
             font-family: @terminal-font;
             color: @term-white;
             white-space: pre;
-            margin-left: 20px;
+            margin-left: 10px;
+            padding-left: 10px;
+            padding-bottom: 1px;
             font-size: 11px;
             line-height: 1.2;
+            max-height: 50px;
+            overflow-y: auto;
+            direction: rtl;
+
+            .cmd-rtnstate-diff-inner {
+                direction: ltr;
+            }
         }
 
         .cmd-rtnstate-sep {