Tweak styling

Author: gskril

client/src/components/PortfolioCard.tsx

@@ -111,30 +111,23 @@ export function PortfolioCard() {
                   {isExpanded && token.accountBreakdown && (
                     <TableRow key={`${token.id}-breakdown`}>
                       <TableCell colSpan={6} className="p-0">
-                        <div className="divide-y divide-border">
+                        <div className="divide-border divide-y">
                           {token.accountBreakdown.map((account, idx) => (
                             <div
                               key={account.account.id}
-                              className={`flex items-center justify-between px-4 py-3 text-sm ${
-                                idx % 2 === 0 ? 'bg-muted/30' : 'bg-muted/50'
+                              className={`flex items-center justify-between p-2 text-sm ${
+                                idx % 2 === 0 ? 'bg-muted/20' : 'bg-muted'
                               }`}
                             >
-                              <div className="flex items-center gap-2">
-                                <span className="font-medium">
-                                  {account.account.name}
-                                </span>
-                                {account.account.address && (
-                                  <span className="text-xs text-muted-foreground">
-                                    {account.account.address.slice(0, 6)}...
-                                    {account.account.address.slice(-4)}
-                                  </span>
-                                )}
-                              </div>
-                              <div className="flex items-center gap-6">
+                              <span className="font-medium">
+                                {account.account.name}
+                              </span>
+                              <div className="flex items-center gap-4">
                                 <span className="text-muted-foreground tabular-nums">
-                                  {toFixed(account.balance, 4)} ({toFixed(account.percentage, 2)}%)
+                                  {toFixed(account.balance, 3)} (
+                                  {toFixed(account.percentage, 2)}%)
                                 </span>
-                                <span className="font-medium tabular-nums min-w-[100px] text-right">
+                                <span className="min-w-28 text-right font-medium tabular-nums">
                                   {fiat &&
                                     currency &&
                                     formatCurrency(