adjust spacing

device_setup/add_device.md

@@ -1,7 +1,8 @@
 # Add a new device
 
-Bubble supports all common desktop and mobile devices. To connect a new computer or mobile device to your Bubble, 
-you must first add it as a device.
+Bubble supports all common desktop and mobile operating systems, including Windows, Mac OS X, Linux, iOS and Android.
+
+To connect a new computer or mobile device to your Bubble, you must first add it as a device.
   
 ### To add a new device to your Bubble:
 

vpn_instructions/ios_vpn.md

@@ -10,18 +10,23 @@
    * Install the WireGuard App from the [Apple App Store](https://apps.apple.com/us/app/wireguard/id1441195209)
    * Open the WireGuard app
    * In the WireGuard app. You should see a screen like the one shown below. Tap "Add a tunnel". If you don't see "Add a tunnel", tap the Plus icon (+) in the top-right corner of the screen.
+
  <img src="ios_screenshots/01_wireguard_start.png" alt="screenshot of WireGuard app with no VPNs yet configured" height="500"/>
 
    * After you tap "Add a tunnel", you should see some buttons appear at the bottom of your screen, as shown below. Tap "Create from QR code"
+
  <img src="ios_screenshots/02_wireguard_add_tunnel.png" alt="screenshot of WireGuard app with no VPNs yet configured" height="500"/>
  
    * A camera view will open. Scan the QR code shown on your other device. You'll be asked to provide a name for the tunnel. You can choose anything, but it's probably easiest to use the name of your Bubble. See the screenshot below for an example.
+
  <img src="ios_screenshots/03_set_vpn_name.png" alt="screenshot of WireGuard app adding VPN using QR code" height="500"/>
  
    * You'll now see a pop-up titled "WireGuard Would Like to Add VPN Configurations", like the screenshot shown below. Tap "Allow" and then enter your passcode.
+
  <img src="ios_screenshots/04_allow_vpn_config.png" alt="screenshot of WireGuard app requesting permission to add a VPN" height="500"/>
  
    * You'll now see your VPN connection listed, as shown below. Tap the toggle switch to turn it on.
+
  <img src="ios_screenshots/05_vpn_successfully_added.png" alt="screenshot of WireGuard app with a new VPN defined" height="500"/>
  
    * Congratulations! You are now connected to your Bubble's VPN!

vpn_instructions/windows_vpn.md

@@ -4,7 +4,8 @@
   * Login to your Bubble
   * Navigate to the Devices screen
   * Find your device in the device list, or [add your Windows system as a device](../device_setup/add_device.md)
-  * Click or tap "Show VPN connection info" for your new Windows device. Click the button that reads "Download vpn.conf file". A dialog will appear similar to the one shown below. 
+  * Click or tap "Show VPN connection info" for your new Windows device. Click the button that reads "Download vpn.conf file". A dialog will appear similar to the one shown below.
+ 
   <img src="windows_screenshots/05_save_vpn_file.png" alt="screenshot of downloading vpn.conf file" height="500"/>
 
   * Choose "Save File" and save the vpn.conf file to your computer.
@@ -15,27 +16,34 @@
     * Most newer Windows systems are 64-bit. To determine if your Windows is 64-bit or 32-bit, [follow these instructions](https://www.lifewire.com/am-i-running-a-32-bit-or-64-bit-version-of-windows-2624475)
     * You can find more information about the WireGuard installers on the [WireGuard Installation page](https://www.wireguard.com/install/)
   * Run the WireGuard msi installer that you just downloaded. You'll see a screen similar to the one shown below.
+
   <img src="windows_screenshots/01_run_wireguard.png" alt="screenshot of Open File dialog that appears when starting WireGuard msi installation" height="500"/>
 
   * Click "Open"  
+
   <img src="windows_screenshots/02_install_wireguard.png" alt="screenshot of User Account Control dialog that appears when starting WireGuard msi installation" height="500"/>
 
   * Click "Yes"
+
   <img src="windows_screenshots/03_install_wireguard.png" alt="screenshot of Windows Security dialog that appears when starting WireGuard msi installation" height="500"/>
 
   * Click "Install"  
   * The WireGuard application then opens, and you should see a screen like the one below.
+
     <img src="windows_screenshots/04_import_tunnel_from_file.png" alt="screenshot of WireGuard initial screen" height="500"/>
 
 ## Connect to Bubble via WireGuard
   * In the WireGuard application, click "Import tunnels(s) from file", and select the vpn.conf file that you downloaded. You should now see a screen like the one shown below.
+
   <img src="windows_screenshots/07_activate_vpn.png" alt="screenshot of WireGuard with Bubble VPN added" height="500"/>
 
   * Click the "Activate" button to connect to the VPN.
   * You should now see a "Set Network Location" dialog, like the one shown below. Click on "Public network", then click the "Close" button.
+
   <img src="windows_screenshots/08_set_network_location.png" alt="screenshot of Set Network Location dialog" height="500"/>
 
   * The next screen will ask you to confirm this network location. It should look like the screenshot below. Click "Close".
+
   <img src="windows_screenshots/09_confirm_network_location.png" alt="screenshot of Set Network Location confirmation dialog" height="500"/>
   
   * Congratulations! You are now connected to your Bubble's VPN!