Update templates/cart.html

templates/cart.html

@@ -131,10 +131,10 @@
             background-color: #f8f9fa;
             border-radius: 10px;
         }
-        .suggestion-item {
+       .suggestion-item {
     display: flex;
-    align-items: center; /* Align items vertically */
-    justify-content: space-between; /* Space out the content */
+    align-items: center; /* Vertically align image and text */
+    justify-content: space-between; /* Space between the image/text and the button */
     padding: 10px 0;
 }
 
@@ -143,43 +143,14 @@
     height: 50px;
     object-fit: cover;
     border-radius: 5px;
-    margin-right: 10px; /* Space between the image and text */
+    margin-right: 10px; /* Spacing between the image and the text */
 }
 
-/* Media Query for smaller screens (mobile) */
-@media screen and (max-width: 768px) {
-    .suggestion-item {
-        flex-direction: column; /* Stack items vertically on smaller screens */
-        align-items: flex-start; /* Align items to the left */
-    }
-
-    .suggestion-item img {
-        margin-bottom: 10px; /* Add space between image and text when stacked */
-    }
-
-    .suggestion-item button {
-        width: 100%; /* Ensure the button takes up full width on mobile */
-        margin-top: 10px; /* Space between button and text */
-    }
-}
-
-/* Media Query for larger screens (desktop) */
-@media screen and (min-width: 769px) {
-    .suggestion-item {
-        flex-direction: row; /* Keep items aligned horizontally */
-        align-items: center; /* Align items at the center vertically */
-    }
-
-    .suggestion-item button {
-        width: auto; /* Reset button width on larger screens */
-    }
-}
-
-
 .suggestion-item div {
     display: flex;
     flex-direction: column;
     justify-content: center;
+    flex-grow: 1; /* Allow the text to take up the available space */
 }
 
 .suggestion-item button {
@@ -193,6 +164,7 @@
     height: 44px;
     cursor: pointer;
     transition: background-color 0.3s, color 0.3s, border-color 0.3s;
+    margin-left: auto; /* Push button to the right */
 }
 
        .suggestion-item button:hover {