Spaces:
Runtime error
Runtime error
Update templates/cart.html
Browse files- templates/cart.html +32 -33
templates/cart.html
CHANGED
@@ -132,39 +132,38 @@
|
|
132 |
border-radius: 10px;
|
133 |
}
|
134 |
.suggestion-item {
|
135 |
-
|
136 |
-
|
137 |
-
|
138 |
-
|
139 |
-
|
140 |
-
|
141 |
-
|
142 |
-
|
143 |
-
|
144 |
-
|
145 |
-
|
146 |
-
|
147 |
-
|
148 |
-
|
149 |
-
|
150 |
-
|
151 |
-
|
152 |
-
|
153 |
-
|
154 |
-
|
155 |
-
|
156 |
-
|
157 |
-
|
158 |
-
|
159 |
-
|
160 |
-
|
161 |
-
|
162 |
-
|
163 |
-
|
164 |
-
|
165 |
-
|
166 |
-
|
167 |
-
}
|
168 |
|
169 |
.suggestion-item button:hover {
|
170 |
background-color: #0FAA39; /* Change background to green on hover */
|
|
|
132 |
border-radius: 10px;
|
133 |
}
|
134 |
.suggestion-item {
|
135 |
+
display: flex;
|
136 |
+
align-items: center; /* Vertically align image and text */
|
137 |
+
justify-content: flex-start; /* Align items to the start */
|
138 |
+
padding: 10px 0;
|
139 |
+
}
|
140 |
+
|
141 |
+
.suggestion-item img {
|
142 |
+
width: 50px;
|
143 |
+
height: 50px;
|
144 |
+
object-fit: cover;
|
145 |
+
border-radius: 5px;
|
146 |
+
margin-right: 10px; /* Spacing between the image and the text */
|
147 |
+
}
|
148 |
+
|
149 |
+
.suggestion-item div {
|
150 |
+
display: flex;
|
151 |
+
flex-direction: column;
|
152 |
+
justify-content: center;
|
153 |
+
}
|
154 |
+
|
155 |
+
.suggestion-item button {
|
156 |
+
padding: 5px 15px;
|
157 |
+
font-size: 0.9rem;
|
158 |
+
border-radius: 5px;
|
159 |
+
border: 2px solid #0FAA39;
|
160 |
+
color: #0FAA39;
|
161 |
+
background-color: #fff;
|
162 |
+
font-weight: 600;
|
163 |
+
height: 44px;
|
164 |
+
cursor: pointer;
|
165 |
+
transition: background-color 0.3s, color 0.3s, border-color 0.3s;
|
166 |
+
}
|
|
|
167 |
|
168 |
.suggestion-item button:hover {
|
169 |
background-color: #0FAA39; /* Change background to green on hover */
|