fix styles in browse sessions

jam-ui/src/components/sessions/JKSession.js

@@ -92,9 +92,9 @@ clicks this button, we open an audio stream using Icecast server to let the user
   };
 
   const musicianRowStyle = {
-    height: "40px",
+    height: "50px",
     flexWrap: "wrap",
-    overflow: "hidden"
+    overflow: "hidden",
   }
 
   const instrumentIconFile = track => {
@@ -147,7 +147,7 @@ clicks this button, we open an audio stream using Icecast server to let the user
               <Row style={musicianRowStyle} key={participant.id} data-testid={`Participant${participant.id}Tracks`}>
                 <Col>
                   {participant.tracks.map(track => (
-                    <span key={track.id} className='mr-1' title={track.instrment}>
+                    <span key={track.id} className='mr-1 mb-1' title={track.instrment}>
                        <img width="25" src={instrumentIconFile(track)} alt={track.instrment} />
                     </span>
                   ))}

jam-ui/src/components/sessions/JKSessionList.js

@@ -10,8 +10,8 @@ function JKSessionList({ sessions }) {
     <Table striped bordered className="fs--1" data-testid="sessionsListTable">
       <thead className="bg-200 text-900">
         <tr>
-          <th scope="col">{t('list.header.session', { ns: 'sessions' })}</th>
-          <th scope="col" style={{ minWidth: 250 }}>
+          <th width="35%" scope="col">{t('list.header.session', { ns: 'sessions' })}</th>
+          <th width="15%" scope="col" style={{ minWidth: 250 }}>
             {t('list.header.musicians', { ns: 'sessions' })}
           </th>
           <th scope="col">{t('list.header.latency', { ns: 'sessions' })}</th>