got rid of some containers

css/menupages.scss

@@ -4,15 +4,10 @@
 /* CSS for different main menu pages, such as character info, script editor, etc (but excluding
     terminal which has its own page) */
 
-.generic-menupage-container {
+#generic-react-container {
   -ms-overflow-style: none; /* for Internet Explorer, Edge */
   scrollbar-width: none; /* for Firefox */
   flex-grow: 1;
-  height: 100vh;
-  bottom: 0px;
-}
-
-#generic-react-container {
   overflow-y: scroll;
   height: 100vh;
   bottom: 0px;

src/Terminal/ui/TerminalRoot.tsx

@@ -43,6 +43,11 @@ const useStyles = makeStyles((theme: Theme) =>
       whiteSpace: "pre-wrap",
       margin: 0,
     },
+    list: {
+      padding: 0,
+      height: "100%",
+      overflowY: "scroll",
+    },
   }),
 );
 
@@ -348,7 +353,7 @@ export function TerminalRoot({ terminal, engine, player }: IProps): React.ReactE
 
   return (
     <Box position="fixed" bottom="0" width="100%" px={1}>
-      <List classes={{ root: classes.nopadding }}>
+      <List classes={{ root: classes.list }}>
         {terminal.outputHistory.map((item, i) => {
           if (item instanceof Output)
             return (

src/index.html

@@ -42,10 +42,8 @@
       <div id="mainmenu-container" style="display: flex; flex-direction: row">
         <!-- Main menu -->
         <div id="sidebar" style=""></div>
-        <div class="generic-menupage-container">
         <div id="generic-react-container"></div>
       </div>
-      </div>
 
       <div id="infiltration-container" class="generic-fullscreen-container"></div>
       <div id="mission-container" class="generic-fullscreen-container"></div>