From f05df0659dbf4a65e37efdac2867521303f78547 Mon Sep 17 00:00:00 2001
From: Snarling <84951833+Snarling@users.noreply.github.com>
Date: Sat, 23 Apr 2022 16:48:48 -0400
Subject: [PATCH 1/3] Improve tail window buttons

---
 src/ui/React/LogBoxManager.tsx | 35 +++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/ui/React/LogBoxManager.tsx b/src/ui/React/LogBoxManager.tsx
index da20bb32e..44a35c9b7 100644
--- a/src/ui/React/LogBoxManager.tsx
+++ b/src/ui/React/LogBoxManager.tsx
@@ -96,6 +96,9 @@ const useStyles = makeStyles((theme: Theme) =>
       display: "flex",
       flexDirection: "column-reverse",
     },
+    titleButton: {
+      padding: "1px 6px",
+    },
     success: {
       color: theme.colors.success,
     },
@@ -260,28 +263,26 @@ function LogWindow(props: IProps): React.ReactElement {
             }}
           >
             <Box className="drag" display="flex" alignItems="center" ref={draggableRef}>
-              <Typography color="primary" variant="h6" title={title(true)}>
+              <Typography color="primary" variant="h6" sx={{ marginRight: "auto" }} title={title(true)}>
                 {title()}
               </Typography>
 
-              <Box position="absolute" right={0}>
-                {!workerScripts.has(script.pid) && (
-                  <Button onClick={run} onTouchEnd={run}>
-                    Run
-                  </Button>
-                )}
-                {workerScripts.has(script.pid) && (
-                  <Button onClick={kill} onTouchEnd={kill}>
-                    Kill
-                  </Button>
-                )}
-                <Button onClick={minimize} onTouchEnd={minimize}>
-                  {minimized ? "\u{1F5D6}" : "\u{1F5D5}"}
+              {!workerScripts.has(script.pid) && (
+                <Button className={classes.titleButton} onClick={run} onTouchEnd={run}>
+                  Run
                 </Button>
-                <Button onClick={props.onClose} onTouchEnd={props.onClose}>
-                  Close
+              )}
+              {workerScripts.has(script.pid) && (
+                <Button className={classes.titleButton} onClick={kill} onTouchEnd={kill}>
+                  Kill
                 </Button>
-              </Box>
+              )}
+              <Button className={classes.titleButton} onClick={minimize} onTouchEnd={minimize}>
+                {minimized ? "\u{1F5D6}" : "\u{1F5D5}"}
+              </Button>
+              <Button className={classes.titleButton} onClick={props.onClose} onTouchEnd={props.onClose}>
+                Close
+              </Button>
             </Box>
           </Paper>
           <Paper sx={{ overflow: "scroll", overflowWrap: "break-word", whiteSpace: "pre-wrap" }}>

From 4e64d6df5b39cb705b56deba01bd010ce0a14f8a Mon Sep 17 00:00:00 2001
From: Snarling <84951833+Snarling@users.noreply.github.com>
Date: Sat, 23 Apr 2022 19:51:39 -0400
Subject: [PATCH 2/3] Add minimum constraints for tail resize

---
 src/ui/React/LogBoxManager.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/ui/React/LogBoxManager.tsx b/src/ui/React/LogBoxManager.tsx
index 44a35c9b7..af2d6b30e 100644
--- a/src/ui/React/LogBoxManager.tsx
+++ b/src/ui/React/LogBoxManager.tsx
@@ -290,6 +290,7 @@ function LogWindow(props: IProps): React.ReactElement {
               className={classes.logs}
               height={500}
               width={500}
+              minConstraints={[250, 30]}
               handle={
                 <span style={{ position: "absolute", right: "-10px", bottom: "-13px", cursor: "nw-resize" }}>
                   <ArrowForwardIosIcon color="primary" style={{ transform: "rotate(45deg)" }} />

From bb5cc8222647b04abf149bfaaa54bf67e249d3f1 Mon Sep 17 00:00:00 2001
From: Snarling <84951833+Snarling@users.noreply.github.com>
Date: Sun, 24 Apr 2022 04:49:31 -0400
Subject: [PATCH 3/3] Update LogBoxManager.tsx

---
 src/ui/React/LogBoxManager.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/ui/React/LogBoxManager.tsx b/src/ui/React/LogBoxManager.tsx
index af2d6b30e..3f3937e9a 100644
--- a/src/ui/React/LogBoxManager.tsx
+++ b/src/ui/React/LogBoxManager.tsx
@@ -267,12 +267,11 @@ function LogWindow(props: IProps): React.ReactElement {
                 {title()}
               </Typography>
 
-              {!workerScripts.has(script.pid) && (
+              {!workerScripts.has(script.pid) ? (
                 <Button className={classes.titleButton} onClick={run} onTouchEnd={run}>
                   Run
                 </Button>
-              )}
-              {workerScripts.has(script.pid) && (
+              ) : (
                 <Button className={classes.titleButton} onClick={kill} onTouchEnd={kill}>
                   Kill
                 </Button>