From 8f2c595eca30e2d7138c8e8d6685774a8f44e55d Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 15 Feb 2018 16:59:58 -0500
Subject: omg

---
 frontend/components/RemoveFromCart.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

(limited to 'frontend/components/RemoveFromCart.js')

diff --git a/frontend/components/RemoveFromCart.js b/frontend/components/RemoveFromCart.js
index e3eb919..8d0d214 100644
--- a/frontend/components/RemoveFromCart.js
+++ b/frontend/components/RemoveFromCart.js
@@ -5,6 +5,16 @@ import styled from 'styled-components';
 import PropTypes from 'prop-types';
 import { removeFromCartEnhancer } from '../enhancers/enhancers';
 
+const BigButton = styled.button`
+  font-size: 3rem;
+  background: none;
+  border: 0;
+  &:hover {
+    color: ${props => props.theme.red};
+    cursor: pointer;
+  }
+`;
+
 class RemoveFromCart extends Component {
   handleRemoveFromCart = async () => {
     console.log(`gonna remove item from cart`);
@@ -18,7 +28,11 @@ class RemoveFromCart extends Component {
   };
 
   render() {
-    return <button onClick={this.handleRemoveFromCart}>&times; Remove</button>;
+    return (
+      <BigButton title="Remove From Cart" onClick={this.handleRemoveFromCart}>
+        &times;
+      </BigButton>
+    );
   }
 }
 
-- 
cgit v1.3