Update Web documentation

Web.rst

@@ -54,11 +54,9 @@ At the bottom of the screen, the toolbar contains buttons that control navigatio
    :align: center
    :alt: The bottom bar, showing navigation controls
 
-The first two are back and forward buttons that show the previous and next pages in the browsing history. The third button reloads the current page.
+The first two are back and forward buttons that show the previous and next pages in the browsing history. 
 
-The |new-tab| (new tab) button in the middle :ref:`opens a new tab <librem_5_web_tabs>`. The numbered button at the right edge of the bar opens the **Tabs** page.
-
-Next to the numbered button, the |bookmarks| (bookmarks) button opens the :ref:`list of bookmarks <librem_5_web_bookmarks>`.
+Next to the numbered button, the |bookmarks| (bookmarks) button opens the :ref:`list of bookmarks <librem_5_web_bookmarks>`. The numbered button shows the number of open tabs -- only 1 in the image -- and is used to :ref:`open and switch between tabs <librem_5_web_tabs>`.
 
 .. _librem_5_web_bookmarks:
 
@@ -102,7 +100,7 @@ If you are viewing a bookmarked page, you can press the star to open the **Bookm
 Editing and Removing Bookmarks
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-To edit a bookmark for a page that you are not viewing, open the list of bookmarks and press the symbol to the right of the bookmark.
+To edit a bookmark for a page, open the list of bookmarks and press the symbol to the right of the bookmark.
 
 .. image:: images/web/web-bookmarks.png
    :align: center
@@ -118,7 +116,7 @@ This will open the **Bookmark Properties** page where you can edit the details f
 
 When you have finished editing it, you can simply press the back button at the top-left of the screen.
 
-If you want to remove it, press the **Remove Bookmark** button instead.
+If you want to remove it, press the **Remove** button instead.
 
 .. _librem_5_web_tabs:
 
@@ -131,9 +129,7 @@ Tabs allow you to view more than one page at a time. To begin with, you are usin
    :align: center
    :alt: The bottom bar, showing the number of tabs open
 
-You can open a new tab by pressing the |new-tab| (new tab) button in the middle of the bottom bar.
-
-Press the tab button to open the **Tabs** page, containing a list of open tabs.
+Press the numbered button to open the **Tabs** page, containing a list of open tabs.
 
 .. image:: images/web/web-tabs.png
    :align: center
@@ -147,12 +143,6 @@ If you want to return to the current tab and its contents, press the back button
 Opening and Closing Tabs
 ~~~~~~~~~~~~~~~~~~~~~~~~
 
-While viewing a web page, you can open a new tab by pressing the |new-tab| (new tab) button in the middle of the bottom bar.
-
-.. image:: images/web/web-bottom-bar.png
-   :align: center
-   :alt: The bottom bar, showing the number of tabs open
-
 While viewing the list of open tabs, you can press the |new-tab| (new tab) button at the top-right of the screen to open a new tab.
 
 .. image:: images/web/web-tabs2.png
@@ -187,7 +177,9 @@ When you start browing, the browsing history will be empty. Sites that you visit
 
 .. centered:: |web-history-empty| |web-history|
 
-Select an item to go to that site. Otherwise, press the back button to return to the current page.
+You can select an item to open a new tab containing that site, making it the current tab. Press the |copy| (copy) button next to each history item to copy the URL of the site to the clipboard.
+
+Press the back button to return to the current page.
 
 Searching for Sites
 ~~~~~~~~~~~~~~~~~~~
@@ -201,10 +193,22 @@ You can search for specific sites by pressing the search button at the top-right
 
 Press the search button again to close the search bar.
 
-Clearing the History
-~~~~~~~~~~~~~~~~~~~~
+Deleting Sites from the History
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+One or more sites can be deleted from the history by activating selection mode. This is done by pressing the |select| (select) button at the top-right of the screen.
+
+.. |web-history-selection| image:: images/web/web-history-selection.png
+   :scale: 50%
+   :alt: Using selection mode to select items for deletion
+
+.. centered:: |web-history| |web-history-selection|
 
-You can discard individual sites from the history by pressing the trashcan button next to the relevant item in the list. To discard all items in the history, press the red trashcan icon at the top-left of the screen.
+Once in selection mode, you can select items for deletion. Selected items will show a ticked box next to them, and you can press the **Delete** button at the bottom of the screen to delete them. Press **Cancel** if you want to leave selection mode.
+
+The search button in selection mode can be used to filter the selection before you start choosing items.
+
+To discard all items in the history, press the red **Clear All** button at the bottom-left of the screen.
 
 .. image:: images/web/web-history-clear-all.png
    :align: center
@@ -220,8 +224,7 @@ You can open an *incognito window* to enter private browsing mode. To do this, o
 
 .. image:: images/web/web-menu-incognito.png
    :align: center
-   :scale: 50%
-   :alt: The main application menu
+   :alt: The New Incognito Window option is in the main application menu
 
 This browsing mode is useful when you want to visit sites without recording them in your browsing history.
 
@@ -275,7 +278,14 @@ Managing Web Applications
 
 Web sites that are installed as web applications appear as launcher icons in the phone's app drawer. These applications are not managed like normal applications. Instead, they are managed by **Web** itself, using its application manager. 
 
-Open the application menu and select **Open Application Manager**.
+Open the application menu and select **Open Application Manager**. By default, no applications are installed.
+
+.. image:: images/web/web-app-manager-empty.png
+   :align: center
+   :scale: 50%
+   :alt: The Web Application manager with no apps installed
+
+If web applications have been installed, they will appear in a list.
 
 .. image:: images/web/web-app-manager.png
    :align: center
@@ -292,27 +302,27 @@ The browser can be customized via the **Preferences** dialog which can be opened
 .. |web-preferences-general-top| image:: images/web/web-preferences-general-top.png
    :scale: 50%
    :alt: The General preferences tab (top)
+.. |web-preferences-general-middle| image:: images/web/web-preferences-general-middle.png
+   :scale: 50%
+   :alt: The General preferences tab (top)
 .. |web-preferences-general-bottom| image:: images/web/web-preferences-general-bottom.png
    :scale: 50%
    :alt: The General preferences tab (bottom)
 
-.. centered:: |web-preferences-general-top| |web-preferences-general-bottom|
+.. centered:: |web-preferences-general-top| |web-preferences-general-middle| |web-preferences-general-bottom|
 
-The **Fonts & Style**, **Stored Data**, **Language** and **Sync** tabs contain preferences that are specific to these areas.
+The **Privacy**, **Appearance** and **Sync** tabs contain preferences that are specific to these areas.
 
-.. |web-preferences-fonts| image:: images/web/web-preferences-fonts.png
-   :scale: 50%
-   :alt: The Fonts & Style preferences tab
-.. |web-preferences-storage| image:: images/web/web-preferences-storage.png
+.. |web-preferences-privacy| image:: images/web/web-preferences-privacy.png
    :scale: 50%
-   :alt: The Stored Data preferences tab
-.. |web-preferences-language| image:: images/web/web-preferences-language.png
+   :alt: The Privacy preferences tab
+.. |web-preferences-appearance| image:: images/web/web-preferences-appearance.png
    :scale: 50%
-   :alt: The Language preferences tab
+   :alt: The Appearance preferences tab
 .. |web-preferences-sync| image:: images/web/web-preferences-sync.png
    :scale: 50%
    :alt: The Sync preferences tab
 
-.. centered:: |web-preferences-fonts| |web-preferences-storage| |web-preferences-language|
+.. centered:: |web-preferences-privacy| |web-preferences-appearance| |web-preferences-sync|
 
 When you have finished updating your preferences, press the back button at the top-left of the screen to return to the current page.

images/icons/edit-copy-symbolic.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <g fill="#474747">
+        <path d="M7 7v6.969h5l1.99-1.987L13.97 7H7z"/>
+        <path d="M2 2v7.969L6 10V6h3l-.031-4H2z"/>
+    </g>
+</svg>

images/icons/object-select-symbolic.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+    <path d="M11.94 3.938L7 8.875l-1.94-1.94L2.94 9.06 7 13.117l7.06-7.058z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal" color="#000" font-weight="400" font-family="sans-serif" white-space="normal" overflow="visible" fill="#474747"/>
+</svg>