Spaces:
Sleeping
Sleeping
Update templates/order.html
Browse files- templates/order.html +21 -5
templates/order.html
CHANGED
@@ -59,11 +59,27 @@
|
|
59 |
color: #6c757d;
|
60 |
}
|
61 |
.cart-item-actions {
|
62 |
-
|
63 |
-
|
64 |
-
|
65 |
-
|
66 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
67 |
.cart-item-actions1 {
|
68 |
font-size: 1.2rem;
|
69 |
font-weight: bold;
|
|
|
59 |
color: #6c757d;
|
60 |
}
|
61 |
.cart-item-actions {
|
62 |
+
font-size: 1.2rem;
|
63 |
+
font-weight: bold;
|
64 |
+
color: #2b9348; /* Green for the price */
|
65 |
+
margin-bottom: 50px;
|
66 |
+
}
|
67 |
+
|
68 |
+
/* Mobile Responsiveness */
|
69 |
+
@media (max-width: 768px) {
|
70 |
+
.cart-item-actions {
|
71 |
+
font-size: 1rem; /* Reduce font size for smaller screens */
|
72 |
+
margin-bottom: 30px; /* Reduce margin for better spacing on mobile */
|
73 |
+
}
|
74 |
+
}
|
75 |
+
|
76 |
+
@media (max-width: 480px) {
|
77 |
+
.cart-item-actions {
|
78 |
+
font-size: 0.9rem; /* Even smaller font size for very small screens */
|
79 |
+
margin-bottom: 20px; /* Further reduce margin for small devices */
|
80 |
+
}
|
81 |
+
}
|
82 |
+
|
83 |
.cart-item-actions1 {
|
84 |
font-size: 1.2rem;
|
85 |
font-weight: bold;
|