diff --git a/src/App.css b/src/App.css index 9f8dd84..ef36a56 100644 --- a/src/App.css +++ b/src/App.css @@ -20,7 +20,7 @@ width: 100%; } -/* The container for the absolute positioning */ +/* App.css */ .row { position: absolute; top: 0; @@ -29,21 +29,21 @@ padding: 0 1rem; box-sizing: border-box; border-bottom: 1px solid #2d3748; + height: 35px; /* Match your estimateSize in the virtualizer */ } -/* The actual grid that forces alignment */ .row-inner { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; /* Exactly two equal columns */ align-items: center; height: 100%; } .price-cell { text-align: right; - font-family: 'Courier New', Courier, monospace; + font-family: 'Courier New', Courier, monospace; /* Prevents text jumping */ + font-variant-numeric: tabular-nums; /* Critical for financial data alignment */ } - /* Ensure the price text is right-aligned to match professional dashboards */ .row .price { text-align: right; diff --git a/src/App.tsx b/src/App.tsx index fc4e4ef..fce5677 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -35,6 +35,7 @@ export default function App() { ))} +