From 799711449c7f4133945e0ca1a7d41adbe66669f2 Mon Sep 17 00:00:00 2001
From: Neuweiler Daniel <daniel.neuweiler@bruderer.com>
Date: Mon, 17 Oct 2022 08:56:57 +0200
Subject: [PATCH] Aircraft info overlay for smaller screen sizes adjusted

---
 src/components/AircraftInfoOverlay.tsx | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/src/components/AircraftInfoOverlay.tsx b/src/components/AircraftInfoOverlay.tsx
index c44aa7d..e22cca1 100644
--- 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,10 +437,13 @@ 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,
@@ -449,19 +451,9 @@ const AircraftInfoOverlay: React.FC<Props> = (props) => {
         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>
   );
 }