Adjust button positions

src/components/player/NowPlayingMiniView.tsx

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

src/components/player/NowPlayingView.tsx

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