PackageHelper/www/pages/help/list.html

<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<div class="panel panel-right panel-cover">
    <div class="view">
        <div class="page">

            <div class="navbar">
                <div class="navbar-bg"></div>
                <div class="navbar-inner">
                    <div class="title">Help</div>
                    <div class="right">
                        <a class="link panel-close">
                            <span>Close</span>
                        </a>
                    </div>
                </div>
            </div>

            <div class="page-content">
                <div class="block-title">Manage Items</div>
                <div class="block">
                    <span class="taptext">Tap</span><span class="clicktext">Click</span> on a list entry
                    to show the actions you can take.
                    These actions are marking the item as delivered/undelivered,
                    navigating to its location with your device's default maps app,
                    and deleting the item.
                </div>

                <div class="block-title">Clear the List</div>
                <div class="block">
                    <span class="taptext">Tap</span><span class="clicktext">Click</span> the <span class="color-red text-color-primary"><i class="material-icons">delete</i></span>
                    button to remove all items from the list. This cannot be undone, so it's
                    a good idea to do it at the end of the day or in the morning before you start.
                    Note that clearing the list does not affect the address autofill.
                </div>

                <div class="block-title">Search</div>
                <div class="block">
                    <span class="taptext">Tap</span><span class="clicktext">Click</span> the <i class="material-icons text-color-primary">search</i> button to open a search
                    box.  Type in this box to hide any list entries that don't contain your
                    search query.
                </div>

                <div class="block-title">Sort Items</div>
                <div class="block">
                    <span class="taptext">Tap</span><span class="clicktext">Click</span> the <i class="material-icons text-color-primary">sort</i> button to sort
                    the list. You can sort by distance from your current
                    location, alphabetically by street name, and numerically by
                    address number.
                </div>
            </div>
        </div>
    </div>
</div>