added explanation for how to use extension after submission of preferences

popup.html

@@ -68,7 +68,15 @@
         </div>
 
         <div class="content" id="submitted">
-            <h1 class="instr">Thank you for submitting! Please refresh the page to change your preferences.</h1>
+            <h1 class="instr">Thank you for submitting!</h1> 
+            <p style="text-align:center">Please hover over the pictures of items in the menu. They will be outlined accordingly:</p>
+            <table>
+                <th class="columns"><div class="sub-exp-red">Item contains ingredients you wanted to avoid.</div></th>
+                <th class="columns"><div class="sub-exp-gre">Item is safe to consume.</div></th>
+                <th class="columns"><div class="sub-exp-ora">Item is not stored in our database.</div></th>
+            </table>
+            
+            <h1 class="instr">Please refresh the page to change your preferences.</h1>
         </div>
         
     </body>

style.css

@@ -184,6 +184,28 @@ body {
     box-shadow: 0 0 1px #adadad;
 }
 
+/*----- submit button -----*/
+
+.sub-exp-red {
+    padding: 4px 4px;
+    border: 1px solid #df1b1b;
+    height: 65px;
+    line-height: 16.25px;
+}
+
+.sub-exp-gre {
+    padding: 20px 4px;
+    border: 1px solid #51C2A9;
+    height: 34px;
+}
+
+.sub-exp-ora {
+    padding: 12px 4px;
+    border: 1px solid #FFA500;
+    height: 50px;
+    vertical-align: center;
+}
+
 .nameWrapper___4c05X {
     background-color: #ffffff;
 }