From c917acec5da146306c5c32ed6a2f8e6b3650f0ed Mon Sep 17 00:00:00 2001
From: Adam Jahr <adamjahr@gmail.com>
Date: Tue, 19 May 2020 01:26:10 -0400
Subject: [PATCH] fixed product-display template

---
 components/ProductDisplay.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/ProductDisplay.js b/components/ProductDisplay.js
index 15aa0c2..5b8f613 100644
--- a/components/ProductDisplay.js
+++ b/components/ProductDisplay.js
@@ -25,7 +25,7 @@ app.component('product-display', {
           <li v-for="detail in details">{{ detail }}</li>
         </ul>
 
-        <div class="color-circle"
+        <div class="color-box"
           v-for="(variant, index) in variants" 
           :key="variant.id"
           :style="{ backgroundColor: variant.color }"
@@ -40,12 +40,10 @@ app.component('product-display', {
         Add to cart
         </button>
 
-        </div> 
       </div>
 
-      <review-list :reviews="reviews"></review-list>
-      <review-form @review-submitted="addReview" ></review-form>
-
+        <review-list :reviews="reviews"></review-list>
+        <review-form @review-submitted="addReview" ></review-form>
     </div>
    `,
   data() {