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;
`
: ''};
`