maxWidth for columns

hoprnet · May 23, 2024 · 5634f02 · 5634f02
1 parent a2a84d7
commit 5634f02
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -125,12 +125,12 @@ th.icon, td.icon {
 }
 
 th.name, td.name {
-  width: 300px;
+  max-width: 300px;
   text-align: left;
 }
 
 th.balance, td.balance {
-  width: 300px;
+  max-width: 300px;
   text-align: left;
 }
 

diff --git a/frontend/src/Portfolio.js b/frontend/src/Portfolio.js
@@ -919,9 +919,9 @@ function Portfolio({ serverurl }) {
                     >
                         <thead>
                             <tr>
-                                <th className="icon">Icon</th>
-                                <th className="name">Token</th>
-                                <th className="balance">Balance</th>
+                                <th className="icon icon-cell">Icon</th>
+                                <th className="name name-cell">Token</th>
+                                <th className="balance balance-cell">Balance</th>
                             </tr>
                         </thead>
 
@@ -950,16 +950,16 @@ function Portfolio({ serverurl }) {
                                     <tr
                                         key={`${use_uHTTP}_${lastEthAddress}_${iteration}_${token?.tokenInfo?.address}`}
                                     >
-                                        <td>
+                                        <td className="icon icon-cell" >
                                             <Icon
                                                 ethAddress={token?.tokenInfo?.address}
                                                 uHTTP={uHTTP}
                                                 use_uHTTP={use_uHTTP}
                                                 serverurl={serverurl}
                                             />
                                         </td>
-                                        <td>{token?.tokenInfo?.name}</td>
-                                        <td>
+                                        <td className="name name-cell">{token?.tokenInfo?.name}</td>
+                                        <td className="balance balance-cell">
                                             {formatBalance(token?.rawBalance)}
                                             {` `}
                                             {token?.tokenInfo?.symbol}