speed up rendering w/ virtualization

styles.css

@@ -31,13 +31,38 @@
   background: var(--interactive-accent);
   color: var(--text-on-accent);
 }
+.org-todo-list {
+  position: relative;
+  overflow-y: auto;
+  height: 100%;          /* the scroll viewport — must have a bounded height */
+}
+.org-todo-spacer {
+  position: relative;
+  width: 100%;
+}
+.org-todo-rows {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
 .org-todo-row {
   display: flex;
-  align-items: baseline;
+  align-items: center;          /* center, not baseline — fixed height now */
   gap: 6px;
-  padding: 3px 0;
+  height: 28px;                 /* MUST equal ROW_H */
+  box-sizing: border-box;
+  padding: 0;
   border-bottom: 1px solid var(--background-modifier-border-hover);
 }
+.org-todo-text {
+  cursor: pointer;
+  flex: 1;
+  white-space: nowrap;          /* truncation: no wrap... */
+  overflow: hidden;
+  text-overflow: ellipsis;      /* ...show ellipsis instead */
+  min-width: 0;                 /* lets flex item actually shrink to ellipsis */
+}
 .org-todo-text {
   cursor: pointer;
   flex: 1;