Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -229,20 +229,16 @@
         
     </div>
     
-     <div class="dropdown-content">
+   
+    <div class="dropdown-content">
             <div id="userguidetext">
               <div id="textfirstpage">
               <label style="font-style: oblique;"> 
                 <br> Before using this tool, kindly read the following.   </label>
-              <br><br>
-              <label style="font-style: oblique;" >
-                Note : The algorithm is based on detecting shapes and colors from the plan. Some shapes such as tables and textboxes carrying plan-related information, may also be viewed as shapes and so added to the algorithm. To avoid this, please tidy up the plan before choosing to measure it, by using an external tool to either erase them or to put a white rectangle over them.
-                </label>
-                <br>
 
-              <br> 
+                <br><br>
               The tool is divided into two main parts: 
-              <br>
+              <br><br>
               <li id="userguideheadings">   First Part  </li>
               <label id="underlinedLables"> - Inputs: </label>
               <br>There are three dropdowns available that will allow you to select the name of the project you wish to measure, along with the project part, and the project section.
@@ -275,12 +271,17 @@
                 <label id="underlinedLables"> - Outputs: </label> <br>
                 On the right side of the console, the output will be displayed. There are three primary components to it. 
                 You may have a sneak peek of the measured plan in the first section. There are two buttons underneath this picture. You may access the Google sheet that was created by clicking the "Legend and Data created" button. The "Click to view as PDF" second button directs you to the marked-up PDF that was created in Dropbox. 
-                <br> <br>
+                <br> 
                 ONLY IN DROPBOX VIEW. DO NOT DOWNLOAD THE PDF FOR THIS FEATURE. 
-                Any markup that you deem unnecessary in the pdf can be removed, and the legend will also be updated accordingly.
-
+                <br>
+                <label style="font-style: oblique;" >
+                  Note : The algorithm is based on detecting shapes and colors from the plan. Some shapes such as tables and textboxes carrying plan-related information, may also be viewed as shapes and so added to the algorithm. 
+               </label>
+                Any markup that you deem unnecessary in the pdf can be removed. After deleting any markup, the console will notify you with a message asking whether you would like to delete it from legend or not and the legend will be updated accordingly.
+                
+                <br> <br>
                 <li  id="userguideheadings" >  Second part </li>
-              <br>
+              
               To open the Google sheet with the created legend, first click the button labeled "Legend and Data created." Names of each shape should go in the first column of the sheet labeled ‘Guess’. 
               <br>Ex. GB-1.
               <br> You may find some guessed names already filled in. If so, please double check these names before continuing to add any other names.