diff --git a/src/features/MultiSourcePlayer/components/Settings/styled.tsx b/src/features/MultiSourcePlayer/components/Settings/styled.tsx index c90c555d..df3333a1 100644 --- a/src/features/MultiSourcePlayer/components/Settings/styled.tsx +++ b/src/features/MultiSourcePlayer/components/Settings/styled.tsx @@ -12,7 +12,7 @@ export const SettingsButton = styled(ButtonBase)` ? css` width: 20px; height: 18px; - margin-left: 8px; + margin-left: 15px; cursor: pointer; ` : ''}; diff --git a/src/features/MultiSourcePlayer/index.tsx b/src/features/MultiSourcePlayer/index.tsx index ed6b7746..ee6a8b02 100644 --- a/src/features/MultiSourcePlayer/index.tsx +++ b/src/features/MultiSourcePlayer/index.tsx @@ -178,12 +178,16 @@ export const MultiSourcePlayer = (props: Props) => { disabled={isLastChapterPlaying} onClick={() => playNextChapter()} /> - + { + !isMobileDevice && ( + + ) + } HOUR_IN_MILLISECONDS ? 150 : 130}> {secondsToHms(allPlayedProgress / 1000)} {' / '} @@ -202,15 +206,15 @@ export const MultiSourcePlayer = (props: Props) => { - + diff --git a/src/features/MultiSourcePlayer/styled.tsx b/src/features/MultiSourcePlayer/styled.tsx index 65687928..88a90e53 100644 --- a/src/features/MultiSourcePlayer/styled.tsx +++ b/src/features/MultiSourcePlayer/styled.tsx @@ -9,12 +9,12 @@ export const ChaptersText = styled.span` font-size: 16px; color: #fff; text-align: center; - + ${isMobileDevice ? css` margin: 0 5px; font-size: 12px; - width: 15%; + width: 20%; ` : ''}; ` @@ -33,7 +33,7 @@ export const Prev = styled(ButtonBase)` ? 'opacity: 0.5;' : '' )} - + ${isMobileDevice ? css` width: 20px; diff --git a/src/features/StreamPlayer/index.tsx b/src/features/StreamPlayer/index.tsx index 29633ba3..2ab31f3a 100644 --- a/src/features/StreamPlayer/index.tsx +++ b/src/features/StreamPlayer/index.tsx @@ -149,15 +149,15 @@ export const StreamPlayer = (props: Props) => { ) } - + diff --git a/src/features/StreamPlayer/styled.tsx b/src/features/StreamPlayer/styled.tsx index 83033810..1a3176e2 100644 --- a/src/features/StreamPlayer/styled.tsx +++ b/src/features/StreamPlayer/styled.tsx @@ -182,7 +182,7 @@ type FullscreenProps = { export const Fullscreen = styled(ButtonBase)` width: 22px; height: 20px; - margin-left: 31px; + margin-left: 26px; background-image: ${({ isFullscreen }) => ( isFullscreen ? 'url(/images/player-fullscreen-off.svg)' @@ -193,7 +193,7 @@ export const Fullscreen = styled(ButtonBase)` ? css` width: 20px; height: 18px; - margin-left: 0; + margin-left: 15px; ` : ''}; `