diff --git a/src/StreamsSelector.jsx b/src/StreamsSelector.jsx index ce06ab4e..b9f7eef9 100644 --- a/src/StreamsSelector.jsx +++ b/src/StreamsSelector.jsx @@ -223,11 +223,10 @@ const Stream = memo(({ filePath, stream, onToggle, batchSetCopyStreamIds, copySt return ( - -
{stream.index}
- } onClick={onClick} /> + +
{stream.index}
+ {stream.codec_type} - {stream.codec_type} {stream.codec_tag !== '0x0000' && stream.codec_tag_string} {stream.codec_name} {!Number.isNaN(duration) && `${formatDuration({ seconds: duration, shorten: true })}`} @@ -235,6 +234,9 @@ const Stream = memo(({ filePath, stream, onToggle, batchSetCopyStreamIds, copySt {!Number.isNaN(bitrate) && `${(bitrate / 1e6).toFixed(1)}MBit`} {language} {stream.width && stream.height && `${stream.width}x${stream.height}`} {stream.channels && `${stream.channels}c`} {stream.channel_layout} {streamFps && `${streamFps.toFixed(2)}fps`} + + } onClick={onClick} /> + onInfoClick(stream, t('Track info'))} appearance="minimal" iconSize={18} /> } onClick={onExtractStreamPress} appearance="minimal" iconSize={18} /> @@ -289,10 +291,9 @@ const FileHeading = ({ path, formatData, onTrashClick, onEditClick, setCopyAllSt const Thead = () => { const { t } = useTranslation(); return ( - + - {t('Keep?')} - {t('Type')} + {t('Type')} {t('Tag')} {t('Codec')} {t('Duration')} @@ -300,6 +301,7 @@ const Thead = () => { {t('Bitrate')} {t('Lang')} {t('Data')} + {t('Keep?')} @@ -307,7 +309,7 @@ const Thead = () => { }; const tableStyle = { fontSize: 14, width: '100%' }; -const fileStyle = { marginBottom: 20, padding: 5 }; +const fileStyle = { marginBottom: 20, padding: 5, minWidth: '100%', overflowX: 'auto' }; const StreamsSelector = memo(({ mainFilePath, mainFileFormatData, streams: mainFileStreams, isCopyingStreamId, toggleCopyStreamId,