Improve ISO list route UI

virtweb_frontend/src/widgets/BaseAuthenticatedPage.tsx

@@ -13,7 +13,7 @@ import {
   List,
   ListItemButton,
   ListItemIcon,
-  ListItemText
+  ListItemText,
 } from "@mui/material";
 import { Outlet, useLocation } from "react-router-dom";
 import { RouterLink } from "./RouterLink";
@@ -82,7 +82,15 @@ export function BaseAuthenticatedPage(): React.ReactElement {
             icon={<Icon path={mdiInformation} size={1} />}
           />
         </List>
-        <div style={{ flex: 1 }}>
+        <div
+          style={{
+            flexGrow: 1,
+            flexShrink: 0,
+            flexBasis: 0,
+            minWidth: 0,
+            display: "flex",
+          }}
+        >
           <Outlet />
         </div>
       </Box>

virtweb_frontend/src/widgets/VirtWebPaper.tsx

@@ -2,10 +2,19 @@ import { Paper, Typography } from "@mui/material";
 import React, { PropsWithChildren } from "react";
 
 export function VirtWebPaper(
-  p: { label: string | React.ReactElement } & PropsWithChildren
+  p: {
+    label: string | React.ReactElement;
+    noHorizontalMargin?: boolean;
+  } & PropsWithChildren
 ): React.ReactElement {
   return (
-    <Paper elevation={2} style={{ padding: "10px", margin: "20px" }}>
+    <Paper
+      elevation={2}
+      style={{
+        padding: "10px",
+        margin: p.noHorizontalMargin ? "20px 0px" : "20px",
+      }}
+    >
       <Typography
         variant="subtitle1"
         style={{ marginBottom: "10px", fontWeight: "bold" }}

virtweb_frontend/src/widgets/VirtWebRouteContainer.tsx

@@ -8,7 +8,18 @@ export function VirtWebRouteContainer(
   } & PropsWithChildren
 ): React.ReactElement {
   return (
-    <div style={{ margin: "50px" }}>
+    <div
+      style={{
+        margin: "50px",
+        flex: "1",
+        flexGrow: 1,
+        flexShrink: 0,
+        flexBasis: 0,
+        minWidth: 0,
+        display: "flex",
+        flexDirection: "column",
+      }}
+    >
       <div
         style={{
           display: "flex",