Tweaked docs

Author: bvaughn

src/routes/list/ListFixedRowHeight.tsx

@@ -5,6 +5,7 @@ import { names } from "../../data";
 import { Block } from "../../components/Block";
 import { Callout } from "../../components/Callout";
 import { ExternalLink } from "../../components/ExternalLink";
+import { Link } from "react-router-dom";
 
 export function ListFixedRowHeightRoute() {
   return (
@@ -21,14 +22,14 @@ export function ListFixedRowHeightRoute() {
         />
       </Block>
       <div>Rendering this type of list requires the following props:</div>
-      <ul className="pl-4">
-        <li>
+      <ul className="pl-6">
+        <li className="list-disc">
           Number of rows to render (<code>length</code>)
         </li>
-        <li>
+        <li className="list-disc">
           Row height in pixels (<code>rowHeight</code>)
         </li>
-        <li>
+        <li className="list-disc">
           Row component (<code>rowComponent</code>)
         </li>
       </ul>
@@ -43,6 +44,10 @@ export function ListFixedRowHeightRoute() {
         also be set by <code>className</code> or as determined by the parent
         component's layout.
       </Callout>
+      <div>
+        For lists of rows with different sizes,{" "}
+        <Link to="/list/variable-row-heights">keep reading</Link>.
+      </div>
     </Box>
   );
 }
@@ -76,6 +81,8 @@ function ListOfNames({ names }) {
   );
 }
 
+// This component accepts a "names" prop
+// because it was passed to the List "rowProps" object
 function Row({ index, names, style }) {
   return (
     <div style={style}>