Style fixes

pages/admin/items/index.js

@@ -31,7 +31,9 @@ export default function Items({items: _items}){
   return (
     <>
       <h2>Items</h2>
-      <Link href="/admin/items/new"><a>Create New Item</a></Link>
+      <p>
+        <Link href="/admin/items/new"><a>Create New Item</a></Link>
+      </p>
       <Table
         columns={[
           {name: 'Name', extractor: item => item.name},
@@ -50,7 +52,8 @@ export default function Items({items: _items}){
             </span>
           )}
         ]}
-        rows={items}
+        // Map in an id property so the table can use array.map
+        rows={items.map(item => ({id: item.uuid, ...item}))}
       />
     </>
   )

styles/layout.css

@@ -40,6 +40,13 @@ main {
   font-family: 'Cormorant Infant',serif;
 }
 
+main > p {
+  width: calc(100% - 100px);
+  max-width: 800px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .cardContainer{
   margin-left: auto;
   margin-right: auto;