From f4f10d5eb690a33dd1c112358457a2b987297f26 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 5 Apr 2018 13:54:22 -0400
Subject: work

---
 frontend/components/CartCount.js | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

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

diff --git a/frontend/components/CartCount.js b/frontend/components/CartCount.js
index 5af472a..1cc4e47 100644
--- a/frontend/components/CartCount.js
+++ b/frontend/components/CartCount.js
@@ -5,7 +5,9 @@ const Dot = styled.div`
   background: ${props => props.theme.red};
   color: white;
   border-radius: 50%;
-  padding: 5px;
+  padding: 0.5rem;
+  line-height: 2rem;
+  min-width: 3rem;
   margin-left: 1rem;
   font-weight: 100;
   font-feature-settings: 'tnum';
@@ -42,13 +44,7 @@ const AnimationStyles = styled.span`
 const CartCount = ({ count }) => (
   <AnimationStyles>
     <TransitionGroup>
-      <CSSTransition
-        unmountOnExit
-        className="count"
-        classNames="count"
-        key={count}
-        timeout={{ enter: 400, exit: 400 }}
-      >
+      <CSSTransition unmountOnExit className="count" classNames="count" key={count} timeout={{ enter: 400, exit: 400 }}>
         <Dot>{count}</Dot>
       </CSSTransition>
     </TransitionGroup>
-- 
cgit v1.3