Merge pull request #670 from ajnart/661-add-fix-for-calendar-pop-up-size-on-mobile

661 add fix for calendar pop up size on mobile

src/modules/common/MediaDisplay.tsx

@@ -194,7 +194,7 @@ export function MediaDisplay({ media }: { media: IMedia }) {
             }}
           >
             {media.type === 'tvshow' && (
-              <Badge variant="dot" size="xs" radius="md" color="blue">
+              <Badge variant="dot" size="xs" radius="md" color="blue" style={{ maxWidth: 200 }}>
                 s{media.seasonNumber}e{media.episodeNumber} - {media.episodetitle}
               </Badge>
             )}

src/widgets/calendar/MediaList.tsx

@@ -18,16 +18,10 @@ export const MediaList = ({ medias }: MediaListProps) => {
 
   return (
     <ScrollArea
+      style={{ height: '80vh', maxWidth: '90vw' }}
       offsetScrollbars
-      scrollbarSize={5}
       pt={5}
       className={classes.scrollArea}
-      styles={{
-        viewport: {
-          maxHeight: 450,
-          minHeight: 210,
-        },
-      }}
     >
       {mapMedias(medias.tvShows, SonarrMediaDisplay, lastMediaType === 'tv-show')}
       {mapMedias(medias.movies, RadarrMediaDisplay, lastMediaType === 'movie')}