added UI changes requested by Carla

chromeExtension/popup.css

@@ -84,13 +84,13 @@ button {
     border-radius: 5px;
     text-align: center;
     justify-content: center;
-    background-color: #f7fff7;
+    background-color:#4ecdc4;;
     box-shadow: 0px 8px 15px rgba(0,0, 0, 0.1);
     transition: all 0.3s ease 0s;
     cursor: pointer;
   }
   input[type=button]:hover{
-    background-color:#4ecdc4;
+    background-color:#f7fff7;
     box-shadow: 0px 15px 20px rgba(0,0, 0, 0.1);
     transform: translateY(-2px);
   }
@@ -99,7 +99,7 @@ button {
   }
 
   input[type=text] {
-    padding: 0;
+    padding: 100;
     height: 20px;
     position: relative;
     left: 0;
@@ -109,4 +109,5 @@ button {
     background-color: white;
     box-shadow: 0px 8px 15px rgba(0,0, 0, 0.1);
     font-size: 14px;
+    border-radius: 5px;
   }

chromeExtension/popup.html

@@ -10,7 +10,7 @@ <h1>Who Funds Your Feed</h1>
     <p>Please enter your e-mail to enable sponsorship detection:</p>
     <div class="flex-container">
       <div class="flex-child textBox">
-      <input type="text" id="box" placeholder="[email protected]" name="inputText" value="" />
+      <input type="text" id="box" placeholder=" [email protected] " name="inputText" value="" />
       </div>
       <div class="flex-child submitButton">
       <input type="button" id="submit" value="Submit" />

chromeExtension/popup.js

@@ -0,0 +1,11 @@
+document.addEventListener('DOMContentLoaded', () => {
+	var y = document.getElementById("index_link");
+	y.addEventListener("click", openIndex);
+});
+
+function openIndex() {
+	userId = localStorage.getItem("userId");
+	baseUrl = "http://wfyf-app.s3-website-us-east-1.amazonaws.com/";
+	url = userId ? baseUrl + userId : baseUrl;
+	chrome.tabs.create({ active: true, url: url });
+}