From b70764cdb0a3b2dd95c39342043b8bb0a1222f72 Mon Sep 17 00:00:00 2001
From: Justin Georgi <justin.georgi@gmail.com>
Date: Tue, 14 May 2024 08:50:16 -0700
Subject: [PATCH] Improve clarity of help page (#178)

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
Reviewed-on: https://gitea.azgeorgis.net/ALVINN/ALVINN_f7/pulls/178
---
 src/pages/help.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/pages/help.vue b/src/pages/help.vue
index 86f5f3a..c40b2e1 100644
--- a/src/pages/help.vue
+++ b/src/pages/help.vue
@@ -25,18 +25,19 @@
           </ul>
         </li>
         <li>When the picture is captured or loaded, any identifiable structures will be listed as tags below the image:
-          <f7-chip text="Structure name" media=" " class="demo-chip"/>
+          <f7-chip text="Structure name" media=" " class="demo-chip" deleteable/>
           <ul>
-            <li>Click on each tag to see the structure highlighted in the image.</li>
+            <li>Click on each tag to see the structure highlighted in the image or click on the image to see the tag for that structure (additional clicks to the same area will select overlapping structres).</li>
             <li>Tag color and proportion filled indicate ALVINN's level of confidence in the identification.</li>
-            <li>If there are potential structures that do not satisfy the current detection settings, a badge on the detection menu icon <SvgIcon icon="visibility" class="list-svg"/> will indicate the number of un-displayed structures.</li>
+            <li>An incorrect tag can be deleted by clicking on the tag's <f7-icon icon="chip-delete" style="margin-right: 1px;"></f7-icon> button.</li>
           </ul>
         </li>
       </ol>
     <h2>Advanced Features</h2>
     <h3>Detection Parameters</h3>
       <p>
-        After an image has been loaded and structure detection has been performed, the detection parameters can be adjusted using the detection menu icon <SvgIcon icon="visibility" class="list-svg"/>.
+        If there are potential structures that do not satisfy the current detection settings, a badge on the detection menu icon <SvgIcon icon="visibility" class="list-svg"/> will indicate the number of un-displayed structures.
+        Clicking on the detection menu icon will open a menu of tools to adjust the detection settings.
         This button will make three tools available:
       </p>
       <ol>
@@ -46,7 +47,7 @@
       </ol>
     <h3>Submitting Images</h3>
       <p>
-        If all of the detection tags that are currently visible have been viewed, then the cloud upload button <SvgIcon icon="cloud_upload" class="list-svg"/> on the detection menu will be enabled.
+        If all of the detection tags that are currently visible have been clicked on and viewed, then the cloud upload button <SvgIcon icon="cloud_upload" class="list-svg"/> on the detection menu will be enabled.
         This button will cause the image and the verified structures to be uploaded to the ALVINN project servers where that data will become available for further training of the neural net.
         If after the image has been uploaded, the available detection tags are changed via deletion or the detection settings options, then the option to re-upload the image will be available if all the new tags have been viewed and verified.
       </p>