From 5c3ec589888fd0644f7ae36f131c854aa9856b40 Mon Sep 17 00:00:00 2001
From: Ethan Auyeung <ethana2442@gmail.com>
Date: Thu, 18 Apr 2024 22:16:07 -0700
Subject: [PATCH] cart view

---
 src/app/cart/styles.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/app/cart/styles.tsx b/src/app/cart/styles.tsx
index 5afb1210..ee956f99 100644
--- a/src/app/cart/styles.tsx
+++ b/src/app/cart/styles.tsx
@@ -11,9 +11,6 @@ export const FavoriteDiv = styled.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: space-between;
-  max-width: 750px;
-  width: 100%;
 `;
 
 export const ImageBackground = styled.div`
@@ -30,7 +27,6 @@ export const CartItemsDiv = styled.div`
   flex-direction: column;
   align-items: center;
   border-radius: 10px;
-  width: 750px;
   overflow: auto;
   gap: 32px;
   margin-top: 20px;
@@ -78,7 +74,7 @@ export const FooterMoved = styled(Footer)`
 export const TransparentButton = styled.button`
   background-color: transparent;
   border: transparent;
-  padding-left: 40px;
+  margin-left: 40px;
   margin-bottom: 25px;
 `;
 
@@ -109,6 +105,7 @@ export const QuantityButton = styled.div`
   border: 2px solid ${COLORS.navy};
   color: ${COLORS.navy};
   cursor: pointer;
+  margin-left: 200px;
 `;
 
 export const PlusMinusButton = styled.button`
@@ -128,13 +125,13 @@ export const Label = styled.p`
 
 export const LabelBox = styled.div`
   width: 150px;
+  margin-left: 50px;
 `;
 
 export const ContentDiv = styled.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  gap: 100px;
   padding-left: 50px;
   background-color: ${COLORS.offWhite};
 `;
@@ -382,5 +379,5 @@ export const CategorySpacing = styled.div`
 `;
 
 export const OrderSumSectionSpacing = styled.div`
-  margin-left: 195px;
+  margin-left: 135px;
 `;