scroll inside map previews

tank-frontend/src/MapChooser.tsx

@@ -62,7 +62,7 @@ function MapChooserDialog({mapNames, theme, onClose, onConfirm}: {
     const [chosenMap, setChosenMap] = useState<string>();
     return <Dialog>
         <h3>Choose a map</h3>
-        <Row className="MapChooser-Row">
+        <Row className="MapChooser-Row overflow-scroll">
             {mapNames.map(name => <MapPreview
                 key={name}
                 mapName={name}

tank-frontend/src/components/Dialog.css

@@ -13,6 +13,4 @@
 
     max-height: 75vh;
     max-width: 75vw;
-
-    overflow: scroll;
 }

tank-frontend/src/components/Dialog.tsx

@@ -6,7 +6,7 @@ export default function Dialog({children, className}: {
     children: ReactNode;
     className?: string;
 }) {
-    return <Column className={'Dialog ' + (className ?? '')}>
+    return <Column className={'Dialog overflow-scroll ' + (className ?? '')}>
         {children}
     </Column>
 }

tank-frontend/src/index.css

@@ -60,3 +60,7 @@ html, body {
     display: flex;
     flex-direction: row;
 }
+
+.overflow-scroll {
+    overflow: scroll;
+}