From 09dc97a74e07576bbb3a5aa206e6c878cb3cfa50 Mon Sep 17 00:00:00 2001
From: Jan Stabenow <moin@jan-stabenow.de>
Date: Tue, 12 Dec 2023 00:44:43 +0100
Subject: [PATCH] Mod log view

---
 src/misc/modals/Process/index.js | 34 +++++++++++++++++---------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/misc/modals/Process/index.js b/src/misc/modals/Process/index.js
index b9c802b..8648039 100644
--- a/src/misc/modals/Process/index.js
+++ b/src/misc/modals/Process/index.js
@@ -35,6 +35,10 @@ const useStyles = makeStyles((theme) => ({
 	logging: {
 		marginTop: '.15em',
 	},
+	panel: {
+		marginTop: '.5em',
+		width: '100%!important',
+	},
 }));
 
 const initLogdata = (logdata) => {
@@ -89,17 +93,28 @@ const Component = function (props) {
 							<Tab className="tab" label={<Trans>Vitals</Trans>} value="vitals" />
 							<Tab className="tab" label={<Trans>Log</Trans>} value="log" />
 						</Tabs>
-						<TabPanel value={$tab} index="vitals" className="panel">
+						<TabPanel value={$tab} index="vitals" className={classes.title}>
 							<Grid container spacing={3}>
 								<Grid item xs={12}>
 									{props.progress !== null && <Progress {...props.progress} />}
 								</Grid>
 							</Grid>
 						</TabPanel>
-						<TabPanel value={$tab} index="log" className="panel">
-							<Grid container spacing={3}>
+						<TabPanel value={$tab} index="log" className={classes.panel}>
+							<Grid container spacing={3} direction="column" alignItems="stretch">
 								<Grid item xs={12}>
 									<div className={classes.box}>
+										<Grid container spacing={1} style={{paddingBottom: 20}}>
+											<Grid item xs={12} className={classes.banner}>
+												<Typography variant="body1" className={classes.title}>
+													<Trans>Logging</Trans>
+												</Typography>
+												<Textarea rows={9} value={logdata.prelude.join('\n')} scrollTo="bottom" readOnly allowCopy />
+												<Textarea rows={16} value={logdata.log.map(formatLogline).join('\n')} scrollTo="bottom" readOnly allowCopy />
+											</Grid>
+										</Grid>
+									</div>
+									<div className={classes.box} style={{marginTop: 10}}>
 										<Grid container spacing={1}>
 											<Grid item xs={12} className={classes.banner}>
 												<Typography variant="body1" className={classes.title}>
@@ -107,19 +122,6 @@ const Component = function (props) {
 												</Typography>
 												<Textarea rows={1} value={'ffmpeg ' + logdata.command.join(' ')} scrollTo="bottom" readOnly allowCopy />
 											</Grid>
-											<Grid item xs={12} className={classes.banner}>
-												<Typography variant="body1" className={classes.title}>
-													<Trans>Banner</Trans>
-												</Typography>
-												<Textarea rows={9} value={logdata.prelude.join('\n')} scrollTo="bottom" readOnly allowCopy />
-											</Grid>
-
-											<Grid item xs={12} className={classes.logging}>
-												<Typography variant="body1" className={classes.title}>
-													<Trans>Logging</Trans>
-												</Typography>
-												<Textarea rows={16} value={logdata.log.map(formatLogline).join('\n')} scrollTo="bottom" readOnly allowCopy />
-											</Grid>
 										</Grid>
 									</div>
 								</Grid>