Update static/script.js

static/script.js

@@ -260,6 +260,9 @@ function showDescriptionPopup(item) {
     desc.textContent = item.description;
     content.appendChild(desc);
 
+    const buttonContainer = document.createElement('div');
+    buttonContainer.className = 'button-container';
+
     const addButton = document.createElement('button');
     addButton.textContent = 'Add';
     addButton.className = 'popup-add-button';
@@ -278,14 +281,15 @@ function showDescriptionPopup(item) {
         }
         popup.remove();
     };
-    content.appendChild(addButton);
+    buttonContainer.appendChild(addButton);
 
     const closeButton = document.createElement('button');
     closeButton.textContent = 'Close';
     closeButton.className = 'popup-close-button';
     closeButton.onclick = () => popup.remove();
-    content.appendChild(closeButton);
+    buttonContainer.appendChild(closeButton);
 
+    content.appendChild(buttonContainer);
     popup.appendChild(content);
     document.body.appendChild(popup);
 }
@@ -298,21 +302,21 @@ function displayItemsList(items, containerId, isSectorDetail = false) {
         return;
     }
     container.innerHTML = '';
+    container.className = 'ingredients-list'; // Ensure horizontal scroll
 
     items.forEach(item => {
         const itemDiv = document.createElement('div');
-        itemDiv.className = containerId === 'menuItemsList' ? 'ingredient-item' : 'suggestion-item';
+        itemDiv.className = 'ingredient-item';
 
         const img = document.createElement('img');
         img.src = item.image_url || 'https://via.placeholder.com/60';
         img.alt = item.name;
+        img.className = 'ingredient-image';
         itemDiv.appendChild(img);
 
         const nameDiv = document.createElement('div');
         nameDiv.textContent = item.name;
-        nameDiv.style.textAlign = 'center';
-        nameDiv.style.marginTop = '5px';
-        nameDiv.style.fontSize = '12px';
+        nameDiv.className = 'ingredient-name';
         itemDiv.appendChild(nameDiv);
 
         if (isSectorDetail && item.description) {