From 2270816c5d92f49194d577cf3075d0584ab07125 Mon Sep 17 00:00:00 2001
From: John Linatoc <johnlinatoc1227@gmail.com>
Date: Wed, 4 Sep 2019 15:53:17 -0500
Subject: [PATCH] Add styling to success page

---
 src/CheckoutContainer/Cart/Success.js | 4 ++--
 src/CheckoutContainer/Cart/cart.css   | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/CheckoutContainer/Cart/Success.js b/src/CheckoutContainer/Cart/Success.js
index eb45242..52745ab 100644
--- a/src/CheckoutContainer/Cart/Success.js
+++ b/src/CheckoutContainer/Cart/Success.js
@@ -29,7 +29,7 @@ class Success extends React.Component {
     const { boardgames } = this.props
 
     return boardgames.map( boardgame => {
-      return boardgame.name
+      return <h3>{boardgame.name}</h3>
     })
   }
 
@@ -38,7 +38,7 @@ class Success extends React.Component {
         <div className='success-container'>
           <h1>Your boardgames are on the way!</h1>
           <p>Purchased:</p>
-          <h3>{this.renderBoardgames()}</h3>
+          {this.renderBoardgames()}
           <Link to="/">
             <div className='continue-button'>
               <img src={Button}/>
diff --git a/src/CheckoutContainer/Cart/cart.css b/src/CheckoutContainer/Cart/cart.css
index 1294ce0..37a7903 100644
--- a/src/CheckoutContainer/Cart/cart.css
+++ b/src/CheckoutContainer/Cart/cart.css
@@ -236,10 +236,10 @@ color: #FFFFFF;
 }
 
 /* ============ Success Page =============== */
-/* .success-container {
-  display: flex;
-  justify-content: center;
-} */
+.success-container {
+  margin-top: 4%;
+  margin-left: 4%;
+}
 
 /* .success-container h1{
   font-family: lato;