docs(app): finalize app instructions

docs/User-instructions.html

@@ -187,7 +187,7 @@
 .navbar-overlay {
     margin-left: 0.15in;
     width: 2in;
-    height: 3.85in;
+    height: 3.88in;
     position: absolute;
     z-index: 10000;
     opacity: 0.45;
@@ -203,13 +203,13 @@
 }
 .navbar-box {
     width: calc(2in - 8px);
-    top: 3.85in;
-    height: 0.41in;
+    top: 3.88in;
+    height: 0.39in;
 }
 .filter-box {
-    top: 0.7in;
-    height: 1.1in;
-    width: 1.24in;
+    top: 0.8in;
+    height: 1.08in;
+    width: 1.5in;
     right: 0;
 }
 .indicator-row {
@@ -557,7 +557,7 @@ <h3>Learning About Your Medications</h3>
 <!-- <hr> -->
 <div class="app-tour-container">
     <div class="app-screenshot-container">
-        <img class="app-screenshot" src="./screenshots/gene-report-all.png" />
+        <img class="app-screenshot" src="./screenshots/gene-report.png" />
     </div>
     <div class="app-tour-content">
         <h3>Understanding Your Genes</h3>
@@ -610,7 +610,7 @@ <h2 id="learn-about-genetics">III. Learn About Genetics</h2>
     <li><span style="font-weight: bold;">Information from Genes and Health</span> (resources by the study team of one of the world’s largest community-based genetics studies): <a href="https://www.genesandhealth.org/genes-your-health/genes-made-easy">https://www.genesandhealth.org/genes-your-health/genes-made-easy</a></li>
 </ul>
 
-<h2 id="faq" style="margin-top: 0.6in; margin-bottom: 0.4in">IV. Frequently Asked Questions (FAQ)</h2>
+<h2 id="faq">IV. Frequently Asked Questions (FAQ)</h2>
 
 <p class="reviewer-comment">Numbers not included in App (as better structured)</p>