From e7e0285100ba6b0333f5bb629a944667e4091727 Mon Sep 17 00:00:00 2001
From: Stephen Rugh <rugh@adobe.com>
Date: Wed, 22 Jan 2020 09:33:13 -0600
Subject: [PATCH] Remove unused styles

Signed-off-by: Stephen Rugh <rugh@adobe.com>
---
 .../PriceAdjustments/CouponCode/couponCode.css    | 15 ++++-----------
 .../PriceAdjustments/CouponCode/couponCode.js     | 10 +++++-----
 2 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.css b/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.css
index 34c2ab0b7b4..2bad0fdf6e0 100644
--- a/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.css
+++ b/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.css
@@ -6,35 +6,28 @@
 
 .applyButton {
     composes: root_normalPriority from '../../../Button/button.css';
-    align-self: center;
     width: 2rem;
 
-    /* To match height of input in same row...*/
+    /* match the height of the input form. */
     height: 2.25rem;
 }
 
-.errorMessage {
-    color: rgb(var(--venia-error));
-}
-
+/* on mobile... */
 @media (max-width: 640px) {
     .entryForm {
-        /* on mobile, switch to rows */
+        /* switch to rows. */
         grid-template-columns: unset;
         grid-template-rows: 1fr 1fr;
     }
 
     .applyButton {
         composes: applyButton;
-        align-self: center;
+        /* center the button. */
         justify-self: center;
     }
 }
 
 /* Styles for "removal" view. */
-.appliedCoupon {
-    font-size: 1rem;
-}
 
 .removeButton {
     margin-left: 1rem;
diff --git a/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.js b/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.js
index 9f95669b583..f59ad2a003f 100644
--- a/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.js
+++ b/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 
 import gql from 'graphql-tag';
 
@@ -105,8 +105,8 @@ const CouponCode = props => {
     if (data.cart.applied_coupons) {
         const codes = data.cart.applied_coupons.map(({ code }) => {
             return (
-                <span className={classes.appliedCoupon} key={code}>
-                    <span className={classes.code}>{code}</span>
+                <Fragment key={code}>
+                    <span>{code}</span>
                     <button
                         className={classes.removeButton}
                         disabled={removingCoupon}
@@ -116,11 +116,11 @@ const CouponCode = props => {
                     >
                         Remove
                     </button>
-                </span>
+                </Fragment>
             );
         });
 
-        return <div className={classes.root}>{codes}</div>;
+        return <div>{codes}</div>;
     } else {
         return (
             <Form className={classes.entryForm} onSubmit={handleApplyCoupon}>