Spaces:
Sleeping
Sleeping
Update static/script.js
Browse files- static/script.js +5 -3
static/script.js
CHANGED
@@ -156,18 +156,20 @@ function displaySelectedIngredients() {
|
|
156 |
nameSpan.textContent = ingredient.name;
|
157 |
nameSpan.style.flex = '1';
|
158 |
const removeButton = document.createElement('button');
|
159 |
-
removeButton.
|
160 |
removeButton.onclick = () => {
|
161 |
selectedIngredients = selectedIngredients.filter(item => item.name !== ingredient.name);
|
162 |
displaySelectedIngredients();
|
163 |
};
|
164 |
removeButton.style.marginLeft = '10px';
|
165 |
removeButton.style.padding = '2px 8px';
|
166 |
-
removeButton.style.backgroundColor = '#
|
167 |
-
removeButton.style.color = 'white';
|
168 |
removeButton.style.border = 'none';
|
169 |
removeButton.style.borderRadius = '5px';
|
170 |
removeButton.style.cursor = 'pointer';
|
|
|
|
|
171 |
div.appendChild(nameSpan);
|
172 |
div.appendChild(removeButton);
|
173 |
selectedArea.appendChild(div);
|
|
|
156 |
nameSpan.textContent = ingredient.name;
|
157 |
nameSpan.style.flex = '1';
|
158 |
const removeButton = document.createElement('button');
|
159 |
+
removeButton.innerHTML = '✖'; // Unicode for "X" symbol
|
160 |
removeButton.onclick = () => {
|
161 |
selectedIngredients = selectedIngredients.filter(item => item.name !== ingredient.name);
|
162 |
displaySelectedIngredients();
|
163 |
};
|
164 |
removeButton.style.marginLeft = '10px';
|
165 |
removeButton.style.padding = '2px 8px';
|
166 |
+
removeButton.style.backgroundColor = '#000000'; // Black background to match image
|
167 |
+
removeButton.style.color = 'white'; // White "X" to match image
|
168 |
removeButton.style.border = 'none';
|
169 |
removeButton.style.borderRadius = '5px';
|
170 |
removeButton.style.cursor = 'pointer';
|
171 |
+
removeButton.style.fontSize = '16px'; // Adjust size for visibility
|
172 |
+
removeButton.style.lineHeight = '1'; // Ensure "X" is centered
|
173 |
div.appendChild(nameSpan);
|
174 |
div.appendChild(removeButton);
|
175 |
selectedArea.appendChild(div);
|