From 3a8f3dab389bea285e83165c3ada3588bea1082a Mon Sep 17 00:00:00 2001
From: sawka <mike.sawka@gmail.com>
Date: Fri, 26 Aug 2022 22:07:12 -0700
Subject: [PATCH] lines spacer to have content scroll up from bottom

---
 src/main.tsx | 3 ++-
 src/sh2.less | 8 ++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/main.tsx b/src/main.tsx
index 53374b499..f01394bfa 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -556,7 +556,7 @@ class CmdInput extends React.Component<{}, {}> {
                     </If>
                     <If condition={infoMsg && infoMsg.infoerror != null}>
                         <div className="info-error">
-                            {infoMsg.infoerror}
+                            [error] {infoMsg.infoerror}
                         </div>
                     </If>
                 </div>
@@ -783,6 +783,7 @@ class ScreenWindowView extends React.Component<{sw : ScreenWindow}, {}> {
                     <span>{sw.name.get()}{sw.shouldFollow.get() ? "*" : ""}</span>
                 </div>
                 <div key="lines" className="lines" onScroll={this.scrollHandler} id={this.getLinesDOMId()} style={linesStyle}>
+                    <div className="lines-spacer"></div>
                     <For each="line" of={win.lines} index="idx">
                         <Line key={line.lineid} line={line} sw={sw} width={this.width.get()} interObs={this.interObs} initVis={idx > win.lines.length-1-7} cmdRefNum={cmdRefMap[line.lineid] ?? 0}/>
                     </For>
diff --git a/src/sh2.less b/src/sh2.less
index e2cb69bdb..5f0c9a7d3 100644
--- a/src/sh2.less
+++ b/src/sh2.less
@@ -396,7 +396,7 @@ html, body, #main {
     overflow: hidden;
     flex-shrink: 0;
 
-    &:first-child {
+    &:nth-child(2) {
         margin: 0px 5px 5px 5px;
         padding: 0px 5px 5px 5px;
         border-top: none;
@@ -560,9 +560,13 @@ body .xterm .xterm-viewport {
     padding-right: 0px;
     flex-grow: 1;
 
-    .line:first-child {
+    .line:nth-child(2) {
         padding-top: 1px;
     }
+
+    .lines-spacer {
+        flex-grow: 1;
+    }
 }
 
 .cmd-input {