From 09b661ff3817d911f3bfc2cba052d29edce81f15 Mon Sep 17 00:00:00 2001
From: Anirudh Varma <anirudh@spotdraft.com>
Date: Sat, 12 Sep 2020 16:17:07 +0530
Subject: [PATCH] Make list of alts scrollable

---
 contentscript.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

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 = "<p style='font-size: 12px; text-align: center; margin-bottom: 4px;'>MORE ALTERNATIVES</p>";
-    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;
 }