Update templates/cart.html

templates/cart.html

@@ -282,7 +282,7 @@
     align-items: center; /* Center image and text vertically */
     justify-content: flex-start; /* Align items to the start (left side) */
     flex-shrink: 0;
-    width: 180px; /* Adjust width for more content */
+    width: 160px; /* Set fixed width for each suggestion item */
     padding: 10px;
     border-radius: 8px; /* Rounded corners */
     background-color: #fff;
@@ -291,7 +291,7 @@
     margin-right: 10px; /* Ensure there's space between the cards */
     position: relative; /* For positioning the + icon */
     text-align: left; /* Align text to the left */
-    overflow: hidden; /* Prevent text from overflowing outside the card */
+    overflow: visible; /* Allow the button to overflow outside */
 }
 
 .suggestion-item:hover {
@@ -299,8 +299,8 @@
 }
 
 .suggestion-item img {
-    width: 60px; /* Set a fixed width for the image */
-    height: 60px; /* Set a fixed height for the image */
+    width: 50px; /* Set a fixed width for the image */
+    height: 50px; /* Set a fixed height for the image */
     object-fit: cover; /* Ensure image fits correctly without distortion */
     border-radius: 5px; /* Rounded corners for the image */
     margin-right: 12px; /* Space between the image and text */