Settings: the instruments table scrolls inside its card on narrow screens

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/settings/page.tsx

@@ -464,7 +464,8 @@ export default function SettingsPage() {
                             {firm.instruments.length === 0 && <span className="text-xs text-amber-700">no instruments — won&apos;t trade</span>}
                         </div>
                         {firm.stats ? (
-                            <table className="w-full text-sm border-collapse">
+                            <div className="overflow-x-auto">
+                            <table className="w-full text-sm border-collapse whitespace-nowrap">
                                 <thead>
                                     <tr className="border-b border-slate-100 text-xs uppercase tracking-wider text-slate-400">
                                         <th className="px-4 py-2 text-left font-semibold">Symbol</th>
@@ -504,6 +505,7 @@ export default function SettingsPage() {
                                     })}
                                 </tbody>
                             </table>
+                            </div>
                         ) : (
                             <div className="flex flex-wrap gap-1.5 px-4 py-3">
                                 {firm.instruments.map((sym) => (