fix: refactored some styles in jinkie player and removed br tag - #865 (#1047)

* refactored some styles in jinkieplayer

* fix: refactored some styles in jinkie player and removed br tag - #865

* fix: refactored some styles in jinkie player and removed br tag - #865

Signed-off-by: armedev <epiratesdev@gmail.com>

ui/src/audioplayer/Player.js

@@ -35,6 +35,9 @@ const useStyle = makeStyles(
       '&.songTitle': {
         fontWeight: 'bold',
       },
+      '&.songInfo': {
+        display: 'block',
+      },
     },
     qualityInfo: {
       marginTop: '-4px',
@@ -48,13 +51,17 @@ const useStyle = makeStyles(
     },
     player: {
       display: (props) => (props.visible ? 'block' : 'none'),
+      '& .progress-bar-content': {
+        display: 'flex',
+        flexDirection: 'column',
       },
-    artistAlbum: {
-      marginTop: '2px',
       '& .play-mode-title': {
         'pointer-events': 'none',
       },
     },
+    artistAlbum: {
+      marginTop: '2px',
+    },
   }),
   { name: 'NDAudioPlayer' }
 )
@@ -81,14 +88,11 @@ const AudioTitle = React.memo(({ audioInfo, isMobile }) => {
         )}
       </span>
       {!isMobile && (
-        <>
-          <br />
         <div className={classes.artistAlbum}>
           <span className={`${className} songInfo`}>
             {`${audioInfo.singer} - ${audioInfo.album}`}
           </span>
         </div>
-        </>
       )}
     </Link>
   )