From b3d76cbdc73f7346b41f3692ff07a2168376084d Mon Sep 17 00:00:00 2001
From: Ashelyn Dawn <git@tempest.dev>
Date: Sat, 4 Apr 2020 11:01:32 -0600
Subject: [PATCH] Style fixes

---
 pages/admin/items/index.js | 7 +++++--
 styles/layout.css          | 7 +++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/pages/admin/items/index.js b/pages/admin/items/index.js
index 341bd8f..5a2ccdc 100644
--- a/pages/admin/items/index.js
+++ b/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}))}
       />
     </>
   )
diff --git a/styles/layout.css b/styles/layout.css
index 20fb2af..e25fa02 100644
--- a/styles/layout.css
+++ b/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;