diff --git a/website/style.css b/website/style.css index 2a4f84b..b55e01b 100644 --- a/website/style.css +++ b/website/style.css @@ -238,13 +238,22 @@ body { right: 0; /* Align the cart to the right */ top: 60px; /* Ensure it starts below the categories bar */ flex-direction: column; /* Ensure the content is arranged in a column */ + overflow-y: auto; /* Enable vertical scrolling if content exceeds max-height */ + max-height: 80vh; /* Set a maximum height for the cart */ } .cart ul { list-style-type: none; padding: 0; + margin: 0; } +.cart li { + padding: 10px 0; /* Space out the items */ + border-bottom: 1px solid #eee; /* Add a bottom border to each item */ +} + + .cart li { margin-bottom: 10px; } @@ -263,16 +272,7 @@ body { display: flex; justify-content: space-between; padding: 10px 0; - border-bottom: 1px solid #ff9d3b; -} - -.cart-item button { - background-color: #d32f2f; - color: white; - border: none; - padding: 5px 10px; - cursor: pointer; - border-radius: 5px; + border-bottom: 2px solid #ff9d3b; } .cart-item button:hover {