fix table buttons width

Author: tsynik

web/src/components/About/index.jsx

@@ -1,5 +1,5 @@
 import axios from 'axios'
-import { useEffect, useState } from 'react'
+import { useEffect, useState, useMemo } from 'react'
 import Button from '@material-ui/core/Button'
 import InfoIcon from '@material-ui/icons/Info'
 import ListItemIcon from '@material-ui/core/ListItemIcon'
@@ -25,13 +25,13 @@ export default function AboutDialog() {
 
   const onClose = () => setOpen(false)
   const ref = useOnStandaloneAppOutsideClick(onClose)
-  const getBasePath = () => {
+   // Use useMemo to compute basePath once
+  const basePath = useMemo(() => {
     if (typeof window !== 'undefined') {
       return window.location.pathname.split('/')[1] || ''
     }
     return ''
-  }
-  const basePath = getBasePath()
+  }, [])
 
   return (
     <>
@@ -64,7 +64,7 @@ export default function AboutDialog() {
           <HeaderSection>
             <div>{t('About')}</div>
             {torrServerVersion}
-            <img src={`${basePath}/icon.png`} alt='ts-icon' />
+            <img src={`${basePath ? `/${basePath}` : ''}/icon.png`} alt='ts-icon' />
           </HeaderSection>
 
           <div style={{ overflow: 'auto' }}>

web/src/components/DialogTorrentDetailsContent/Table/style.js

@@ -76,7 +76,7 @@ export const TableStyle = styled.table`
 
     .button-cell {
       display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
       gap: 10px;
     }