updates to the documentation on how to restart the app from the blocks editor

appinventor/docs/learn/setup/starting.html

@@ -150,22 +150,41 @@
         Connect the Phone to the Computer
        </h2>
        <p>
-        To finish connecting the phone to your computer, tap the
+        To finish connecting the phone to your computer, select it from the list
+        of available devices at the top of the Blocks Editor in the
         <span class="ButtonText">
-         Connect to Phone
+         Connect to Device...
         </span>
-        button at the top of the Blocks Editor. The
-                text should change to
-        <span class="ButtonText">
-         Connecting
-        </span>
-        , and when the
-                connection is complete the text will change to
-        <span class="ButtonText">
-         Restart
-                Phone App
-        </span>
-        . The phone should start the AppInventor Phone Application, which
+        list as shown in the following picture (the number of your device will
+        be different):
+       </p>
+       <div class="c2">
+        <img alt="" height="78" src="StartingAssets/list_available_devices.png" width="344" />
+       </div>
+       <p>
+        Once the device is connected, the phone icon beside the list should
+        change to a green colour:
+       </p>
+
+       <div class="c2">
+        <img alt="" height="40" src="StartingAssets/device_icon_green.png" width="344"/>
+       </div>
+       <p>
+        Unfolding the list again, a green arrow will appear beside the name of
+        the connected device:
+       </p>
+       <div class="c2">
+        <img alt="" height="78" src="StartingAssets/arrow_on_selected_device.png" width="344"/>
+       </div>
+       <p>
+        Selecting the device again will open up a dialog box that will allow you
+        to restart the app on the device:
+       </p>
+       <div class="c2">
+        <img alt="" height="110" src="StartingAssets/restart_app_on_device.png" width="700"/>
+       </div>
+       <p>
+        The phone should start the AppInventor Phone Application, which
                 displays on the phone as a blank white screen with the word
         <span class="ButtonText">
          Screen1
@@ -236,4 +255,4 @@
    </div>
   </div>
  </body>
-</html>
+</html>
\ No newline at end of file

appinventor/docs/learn/troubleshooting.html

@@ -461,10 +461,8 @@
         I was developing an app and it crashed on the phone.
        </b>
        <p>
-        Try clicking the button in the Blocks Editor that says either "Connect to Phone" or
-                "Restart Phone App". If that doesn't work, unplugging and reconnecting the phone to
-                continue work, but there can be all sorts of reasons for this. Ask for help from
-                other users in the
+        Try selecting your device from the list in the Blocks Editor that says
+        "Connect to Device..." to restart the app. If that doesn't work, unplugging and reconnecting the phone could work, but there can be all sorts of reasons for this. Ask for help from other users in the
         <a href="/forum/">
          App Inventor
                 Forum
@@ -780,4 +778,4 @@ There is a known issue with certain virus protection software, in particular the
    </div>
   </div>
  </body>
-</html>
+</html>
\ No newline at end of file