From 51f593384f1325b78a263d0d870d162236ed28d2 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 17 May 2018 16:41:32 -0400
Subject: updates

---
 frontend/components/SingleItem.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'frontend/components/SingleItem.js')

diff --git a/frontend/components/SingleItem.js b/frontend/components/SingleItem.js
index b709ff1..f71e0fe 100644
--- a/frontend/components/SingleItem.js
+++ b/frontend/components/SingleItem.js
@@ -4,18 +4,24 @@ import styled from 'styled-components';
 import Link from 'next/link';
 import { SINGLE_ITEM_QUERY } from '../queries/queries.graphql';
 import Error from './ErrorMessage';
+import AddToCart from './AddToCart';
 
 const SingleItemStyles = styled.div`
   max-width: 1200px;
   margin: 2rem auto;
   box-shadow: ${props => props.theme.bs};
+  display: grid;
+  grid-auto-columns: 1fr;
+  grid-auto-flow: column;
+  min-height: 800px;
   img {
     width: 100%;
+    height: 100%;
     object-fit: cover;
   }
   .details {
     margin: 3rem;
-    font-size: 3rem;
+    font-size: 2rem;
   }
 `;
 
@@ -39,6 +45,7 @@ const SingleItem = props => (
             >
               <a>Edit ✏️</a>
             </Link>
+            <AddToCart id={item.id} />
           </div>
         </SingleItemStyles>
       );
-- 
cgit v1.3