[AFP-47 Shaphen Pangburn]: Clean up formatting for promotional item details

ecom-web/src/components/product-market/product-market.jsx

@@ -41,7 +41,7 @@ export default class ProductMarket extends Component {
                   <div className="product-item">
                     <img id="prod-img" src={ prod.productImageUrl ? prod.productImageUrl : "-no photo-" } />
                     <p id="prod-name">{ prod.productName }</p>
-                    <p id="prod-description">{ prod.productDescription }</p>
+                    {/* <p id="prod-description">{ prod.productDescription }</p> */}
                     <p id="prod-price">
                       { prod.promo ? 
                         <div id="promo-show">

ecom-web/src/resources/stylesheets/product-market.css

@@ -11,7 +11,8 @@
     font-size: 30px;
     margin: 15px 0px 10px;
     cursor: default;
-
+    border-bottom: 1px solid black;
+    padding-bottom: 15px;
 }
 
 .products-container {
@@ -55,6 +56,14 @@
     cursor: default;
 }
 
+#prod-name {
+    font-size: 20px;
+}
+
+#prod-price {
+    font-size: 18px;
+}
+
 #prod-promotion {
     color: red;
 }
@@ -81,9 +90,12 @@
 
 #promo-show-text-original {
     text-decoration: line-through;
+    font-size: 15px;
+    padding-top: 4px;
     color: gray;
 }
 
 #promo-show-text {
-    
+    font-size: 18px;
+    padding-top: 2px;
 }
\ No newline at end of file