Update manga page styling

src/components/chapter/ChapterActionMenuItems.tsx

@@ -16,7 +16,7 @@ import BookmarkRemove from '@mui/icons-material/BookmarkRemove';
 import BookmarkAdd from '@mui/icons-material/BookmarkAdd';
 import DoneAll from '@mui/icons-material/DoneAll';
 import { useMemo } from 'react';
-import PublicIcon from '@mui/icons-material/Public';
+import LaunchIcon from '@mui/icons-material/Launch';
 import { SelectableCollectionReturnType } from '@/components/collection/useSelectableCollection.ts';
 import {
     actionToTranslationKey,
@@ -159,7 +159,7 @@ export const ChapterActionMenuItems = ({
             )}
             {isSingleMode && (
                 <MenuItem
-                    Icon={PublicIcon}
+                    Icon={LaunchIcon}
                     disabled={!chapter!.realUrl}
                     onClick={() => {
                         window.open(chapter!.realUrl!, '_blank', 'noopener,noreferrer');

src/components/chapter/ChapterList.tsx

@@ -58,7 +58,6 @@ const StyledVirtuoso = styled(Virtuoso)(({ theme }) => ({
     padding: 0,
     minHeight: '200px',
     [theme.breakpoints.up('md')]: {
-        width: '50vw',
         // 64px for the Appbar, 48px for the ChapterCount Header
         height: 'calc(100vh - 64px - 48px)',
         margin: 0,
@@ -165,7 +164,7 @@ export const ChapterList = ({
 
     return (
         <>
-            <Stack direction="column" sx={{ position: 'relative' }}>
+            <Stack direction="column" sx={{ position: 'relative', flexBasis: '60%' }}>
                 <ChapterListHeader direction="row" alignItems="center" justifyContent="space-between">
                     <Typography variant="h5">
                         {`${visibleChapters.length} ${t('chapter.title_one', {