ui: fixes for metadata list in sessions

frontend/app/components/shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx

@@ -15,7 +15,7 @@ export default function MetaMoreButton(props: Props) {
     <Popover
       render={() => (
         <div
-          className="text-sm grid grid-col gap-3 bg-white"
+          className="text-sm grid grid-col gap-2 bg-white"
           style={{ maxHeight: '200px', overflowY: 'auto' }}
         >
           {list.slice(maxLength).map(({ label, value }, index) => (
@@ -26,9 +26,7 @@ export default function MetaMoreButton(props: Props) {
       placement="bottom"
     >
       <div className="flex items-center">
-        <Button type="link">
-          +{list.length - maxLength}
-          {' '}
+        <Button type="link" size={'small'} className={'h-[17px]'}>
           {t('More')}
         </Button>
       </div>

frontend/app/components/shared/SessionItem/SessionMetaList/SessionMetaList.tsx

@@ -13,10 +13,10 @@ export default function SessionMetaList(props: Props) {
   const { className = '', metaList, maxLength = 4 } = props;
 
   return (
-    <div className={cn('text-sm flex items-center', className)}>
+    <div className={cn('text-sm flex items-center gap-2', className)}>
       {metaList.slice(0, maxLength).map(({ label, value }, index) => (
         <React.Fragment key={index}>
-          <MetaItem label={label} value={`${value}`} className="mr-3" />
+          <MetaItem label={label} value={`${value}`} />
         </React.Fragment>
       ))}