Update templates/order.html

templates/order.html

@@ -29,7 +29,7 @@
         }
         .cart-item {
             display: flex;
-            align-items: center;
+            /* align-items: center; */
             justify-content: space-between;
             background-color: #fffcf5; /* Slightly lighter beige */
             border-radius: 8px;
@@ -62,23 +62,10 @@
     font-size: 1.2rem;
     font-weight: bold;
     color: #2b9348; /* Green for the price */
-    margin-bottom: 50px;
+    
 }
 
-/* Mobile Responsiveness */
-@media (max-width: 768px) {
-    .cart-item-actions {
-        font-size: 1rem; /* Reduce font size for smaller screens */
-        margin-bottom: 30px; /* Reduce margin for better spacing on mobile */
-    }
-}
 
-@media (max-width: 480px) {
-    .cart-item-actions {
-        font-size: 0.9rem; /* Even smaller font size for very small screens */
-        margin-bottom: 20px; /* Further reduce margin for small devices */
-    }
-}
 
       .cart-item-actions1 {
             font-size: 1.2rem;
@@ -162,10 +149,10 @@
                         </div>
                         
                         <!-- Price -->
-                        <div class="cart-item-actions m">
+                        <div class="cart-item-actions ">
                             <!-- <strong>{{ item_parts[3].strip().replace('Price:', '') }}</strong> -->
                           <!-- <strong>{{ item_parts[3].strip().replace('Price:', '')  }}</strong> -->
-<span style="font-size: 16px; margin-left: 20px">{{ item_parts[3].strip().replace('Price:', '') }}</span>
+                          <span style="font-size: 16px; margin-left: 20px">{{ item_parts[3].strip().replace('Price:', '') }}</span>
 
                         </div>
                     </div>