Browse Source

Adjust button positions

master
jeffvli 3 years ago
parent
commit
2e30ca6424
  1. 6
      src/components/player/NowPlayingMiniView.tsx
  2. 6
      src/components/player/NowPlayingView.tsx

6
src/components/player/NowPlayingMiniView.tsx

@ -339,12 +339,12 @@ const NowPlayingMiniView = () => {
/> />
</StyledInputPickerContainer> </StyledInputPickerContainer>
<br /> <br />
<ButtonToolbar>
<StyledButton <StyledButton
appearance="subtle" appearance="subtle"
onClick={() => handlePlayRandom('addNext')} onClick={() => handlePlayRandom('addNext')}
loading={isLoadingRandom} loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')} disabled={!(typeof autoPlaylistTrackCount === 'number')}
style={{ width: '50%' }}
> >
<Icon icon="plus-circle" style={{ marginRight: '10px' }} /> <Icon icon="plus-circle" style={{ marginRight: '10px' }} />
{t('Add (next)')} {t('Add (next)')}
@ -354,12 +354,11 @@ const NowPlayingMiniView = () => {
onClick={() => handlePlayRandom('addLater')} onClick={() => handlePlayRandom('addLater')}
loading={isLoadingRandom} loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')} disabled={!(typeof autoPlaylistTrackCount === 'number')}
style={{ width: '50%' }}
> >
<Icon icon="plus" style={{ marginRight: '10px' }} /> <Icon icon="plus" style={{ marginRight: '10px' }} />
{t('Add (later)')} {t('Add (later)')}
</StyledButton> </StyledButton>
</ButtonToolbar>
<ButtonToolbar>
<StyledButton <StyledButton
block block
appearance="primary" appearance="primary"
@ -370,7 +369,6 @@ const NowPlayingMiniView = () => {
<Icon icon="play" style={{ marginRight: '10px' }} /> <Icon icon="play" style={{ marginRight: '10px' }} />
{t('Play')} {t('Play')}
</StyledButton> </StyledButton>
</ButtonToolbar>
</Popup> </Popup>
} }
> >

6
src/components/player/NowPlayingView.tsx

@ -359,12 +359,12 @@ const NowPlayingView = () => {
/> />
</StyledInputPickerContainer> </StyledInputPickerContainer>
<br /> <br />
<ButtonToolbar>
<StyledButton <StyledButton
appearance="subtle" appearance="subtle"
onClick={() => handlePlayRandom('addNext')} onClick={() => handlePlayRandom('addNext')}
loading={isLoadingRandom} loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')} disabled={!(typeof autoPlaylistTrackCount === 'number')}
style={{ width: '50%' }}
> >
<Icon icon="plus-circle" style={{ marginRight: '10px' }} /> <Icon icon="plus-circle" style={{ marginRight: '10px' }} />
{t('Add (next)')} {t('Add (next)')}
@ -374,12 +374,11 @@ const NowPlayingView = () => {
onClick={() => handlePlayRandom('addLater')} onClick={() => handlePlayRandom('addLater')}
loading={isLoadingRandom} loading={isLoadingRandom}
disabled={!(typeof autoPlaylistTrackCount === 'number')} disabled={!(typeof autoPlaylistTrackCount === 'number')}
style={{ width: '50%' }}
> >
<Icon icon="plus" style={{ marginRight: '10px' }} /> <Icon icon="plus" style={{ marginRight: '10px' }} />
{t('Add (later)')} {t('Add (later)')}
</StyledButton> </StyledButton>
</ButtonToolbar>
<ButtonToolbar>
<StyledButton <StyledButton
block block
appearance="primary" appearance="primary"
@ -390,7 +389,6 @@ const NowPlayingView = () => {
<Icon icon="play" style={{ marginRight: '10px' }} /> <Icon icon="play" style={{ marginRight: '10px' }} />
{t('Play')} {t('Play')}
</StyledButton> </StyledButton>
</ButtonToolbar>
</Popup> </Popup>
} }
> >

Loading…
Cancel
Save