[AFP-47 Shaphen Pangburn]: Add mock shipping details to product details

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

@@ -25,7 +25,9 @@ export default class ProductDetails extends Component {
                 <div id="product-details-right">
                     <div id="product-details-condenser">
                         <div id="prod-details-shipping">
-                            [Shipping Estimate]
+                            <p id="express-shipping">Express shipping & free returns</p>
+                            <p>Free Delivery: <span>Everywhere!</span></p>
+                            <p>Get it by: <span>Never!</span></p>
                         </div>
                         <input type="number" id="prod-details-quantity" placeholder="Quantity" />
                         <button id="prod-details-add-to-cart">

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

@@ -247,21 +247,35 @@
 }
 
 #product-details-condenser {
-    height: 50%;
+    height: 28%;
     width: 100%;
-    margin: 125px 0px 0px 20px;
+    margin: 185px 0px 0px 20px;
 }
 
 #prod-details-shipping {
-    height: 200px;
+    height: 95px;
     display: flex;
     justify-content: center;
     align-items: center;
-    border: 1px solid;
+    flex-wrap: wrap;
+    align-content: center;
     margin-bottom: 10px;
     cursor: default;
 }
 
+#prod-details-shipping p span {
+    font-weight: 600;
+}
+
+#prod-details-shipping p {
+    margin-top: 10px;
+}
+
+#express-shipping {
+    font-size: 14.3px;
+    margin-bottom: 10px;
+}
+
 #prod-details-quantity {
     border: 1px dotted rgba(0,0,0,0.3);
     outline: none;