diff --git a/contentscript.js b/contentscript.js index 465241b..7a5f4fd 100644 --- a/contentscript.js +++ b/contentscript.js @@ -28,10 +28,16 @@ const altTemplate = "\ function createNonRecommendedAlts(alternatives) { let nonRecommendedAlts = document.createElement("div"); nonRecommendedAlts.setAttribute("style", "text-align: left;"); - nonRecommendedAlts.innerHTML = "

MORE ALTERNATIVES

"; - alternatives.map(alternative => { - nonRecommendedAlts.innerHTML += fillTemplate(altTemplate, alternative); - }) + let alternativesHeading = document.createElement("p"); + alternativesHeading.setAttribute("style", "font-size: 12px; text-align: center; margin: 4px 0;"); + alternativesHeading.innerText = "MORE ALTERNATIVES"; + nonRecommendedAlts.appendChild(alternativesHeading); + let scrollableAltContainer = document.createElement("div"); + scrollableAltContainer.setAttribute("style", "max-height: 300px; overflow: scroll"); + alternatives.map((alternative) => { + scrollableAltContainer.innerHTML += fillTemplate(altTemplate, alternative); + }); + nonRecommendedAlts.appendChild(scrollableAltContainer); return nonRecommendedAlts; }