Aircraft info overlay for smaller screen sizes adjusted

xSNOWM4Nx · Oct 17, 2022 · 7997114 · 7997114
1 parent f4f6d82
commit 7997114
Showing 1 changed file with 7 additions and 15 deletions.
diff --git a/src/components/AircraftInfoOverlay.tsx b/src/components/AircraftInfoOverlay.tsx
@@ -6,7 +6,6 @@ import { ScrollContainer, Indicator1 } from '@daniel.neuweiler/react-lib-module'
 import { Box, Typography, IconButton } from '@mui/material';
 import { useTheme, Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
-import { jsx } from '@emotion/react';
 import CloseIcon from '@mui/icons-material/Close';
 
 import { IAircraftTrack, resolvePositionSource, resolveCategory } from '../opensky';
@@ -438,30 +437,23 @@ const AircraftInfoOverlay: React.FC<Props> = (props) => {
       sx={{
         overflow: 'hidden',
         position: 'relative',
-        height: 'calc(100vh - 160px)',
-        // maxHeight: '256px',
+        maxHeight: 'calc(100vh - 160px)',
         minWidth: 268,
         width: 'auto',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        alignContent: 'flex-start',
         backgroundColor: theme.palette.background.paper,
         borderRadius: 2,
         boxShadow: 5,
         opacity: 0.9,
         padding: theme.spacing(1)
       }}>
 
-      <Box
-        sx={{
-          height: '100%',
-          width: '100%',
-          display: 'flex',
-          flexDirection: 'column',
-          alignItems: 'flex-start',
-          alignContent: 'flex-start'
-        }}>
+      {renderHeader()}
+      {renderFlightData()}
 
-        {renderHeader()}
-        {renderFlightData()}
-      </Box>
     </Box>
   );
 }