geethareddy commited on
Commit
a74ea7c
·
verified ·
1 Parent(s): 7b03e9e

Update static/script.js

Browse files
Files changed (1) hide show
  1. 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.textContent = 'Remove';
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 = '#f44336';
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);