help: Rename CSS .mobile-icon -> .help-center-icon.

Renames CSS rule that styles Zulip UI icons in the help center
so that it makes sense to use it regardless of whether we are
documenting a mobile or desktop/web feature.

help/add-or-remove-users-from-a-stream.md

@@ -50,7 +50,7 @@ stream][add-users] or [remove other users from a stream][remove-users].
    adding as many users as you like.
 
 1. Approve by tapping the **checkmark**
-   (<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="help-center-icon"/>)
    button in the bottom right corner of the app.
 
 {end_tabs}
@@ -89,7 +89,7 @@ stream][add-users] or [remove other users from a stream][remove-users].
    adding as many users as you like.
 
 1. Approve by tapping the **checkmark**
-   (<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="help-center-icon"/>)
    button in the bottom right corner of the app.
 
 {!mobile-stream-settings-menu-tip.md!}

help/browse-and-subscribe-to-streams.md

@@ -26,7 +26,7 @@
 1. Scroll through the list of streams.
 
 1. Tap the **plus**
-   (<img src="/static/images/help/mobile-plus-icon.svg" alt="plus" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-plus-icon.svg" alt="plus" class="help-center-icon"/>)
    icon to the right of a stream to subscribe to it.
 
 !!! tip ""

help/change-your-language.md

@@ -32,7 +32,7 @@ messages you receive.
 1. Select a language.
 
 1. Tap the **arrow**
-   (<img src="/static/images/help/mobile-chevron-left.svg" alt="back" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-chevron-left.svg" alt="back" class="help-center-icon"/>)
    in the upper left corner of the app to exit the language selection menu.
 
 {end_tabs}

help/direct-messages.md

@@ -41,7 +41,7 @@ and do not appear in your list of streams.
 {tab|mobile}
 
 1. Tap the **Direct messages**
-   ( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="mobile-icon"/> )
+   ( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="help-center-icon"/> )
    tab at the bottom of the app.
 
 1. Tap the **New DM** button at the top of the app.
@@ -50,7 +50,7 @@ and do not appear in your list of streams.
    select their name from the list of suggestions.
 
 1. Compose your message, and tap the **send**
-   (<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="help-center-icon"/>)
    button in the bottom right corner of the app.
 
 !!! tip ""
@@ -90,7 +90,7 @@ If using Zulip in a browser or desktop, there are several ways to access an exis
 {tab|mobile}
 
 1. Tap the **Direct messages**
-   ( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="mobile-icon"/> )
+   ( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="help-center-icon"/> )
    tab at the bottom of the app.
 
 {end_tabs}

help/edit-a-message.md

@@ -36,7 +36,7 @@ edit the content of a message sent by another user.
 1. Edit the content of the message.
 
 1. Approve by tapping the **checkmark**
-   (<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="help-center-icon"/>)
    button in the bottom right corner of the app.
 
 {end_tabs}

help/include/all-messages.md

@@ -14,7 +14,7 @@ view](/help/configure-home-view#configure-home-view) for the Zulip web app.
 {tab|mobile}
 
 1. Tap the **All messages**
-   (<img src="/static/images/help/mobile-globe-icon.svg" alt="globe" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-globe-icon.svg" alt="globe" class="help-center-icon"/>)
    tab in the upper left corner of the app.
 
 {end_tabs}

help/include/how-to-start-a-new-topic.md

@@ -29,7 +29,7 @@
 {tab|mobile}
 
 1. Tap the **Streams**
-   (<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="help-center-icon"/>)
    tab at the bottom of the app.
 
 1. Tap on the desired stream.
@@ -40,7 +40,7 @@
    used topics.
 
 1. Compose your message, and tap the **send**
-   (<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="help-center-icon"/>)
    button in the bottom right corner of the app.
 
 {end_tabs}

help/include/inbox-instructions.md

@@ -19,7 +19,7 @@
 {tab|mobile}
 
 1. Tap the **Inbox**
-   (<img src="/static/images/help/mobile-inbox-icon.svg" alt="inbox" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-inbox-icon.svg" alt="inbox" class="help-center-icon"/>)
    tab in the bottom left corner of the app.
 
 2. Tap on a conversation you're interested in to view it. You can return to
@@ -29,9 +29,9 @@
 
     You can collapse or expand the list of topics in a stream by tapping the
     **collapse**
-    (<img src="/static/images/help/mobile-expand-less-icon.svg" alt="inbox" class="mobile-icon"/>)
+    (<img src="/static/images/help/mobile-expand-less-icon.svg" alt="inbox" class="help-center-icon"/>)
     or **expand**
-    (<img src="/static/images/help/mobile-expand-more-icon.svg" alt="inbox" class="mobile-icon"/>)
+    (<img src="/static/images/help/mobile-expand-more-icon.svg" alt="inbox" class="help-center-icon"/>)
     icon to the left of a stream name.
 
 {end_tabs}

help/include/manage-configured-topics.md

@@ -7,13 +7,13 @@
 {tab|mobile}
 
 1. Tap the **Streams**
-   (<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="help-center-icon"/>)
    tab at the bottom of the app.
 
 1. Select a stream containing topics you want to configure.
 
 1. Tap the **Topics list**
-   (<img src="/static/images/help/mobile-list-icon.svg" alt="list" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-list-icon.svg" alt="list" class="help-center-icon"/>)
    icon in the upper right corner of the app.
 
 {!topic-long-press-menu.md!}

help/include/mobile-all-streams-view.md

@@ -1,5 +1,5 @@
 1. Tap the **Streams**
-   (<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="help-center-icon"/>)
    tab at the bottom of the app.
 
 1. Scroll down to the bottom, and tap **ALL STREAMS**.

help/include/mobile-stream-settings-menu-tip.md

@@ -2,5 +2,5 @@
 
     If you are in a stream view, you can access the
     stream settings menu from the **information**
-    (<img src="/static/images/help/mobile-info-circle-icon.svg" alt="information" class="mobile-icon"/>)
+    (<img src="/static/images/help/mobile-info-circle-icon.svg" alt="information" class="help-center-icon"/>)
     button in the top right corner of the app.

help/include/mobile-view-user-profile-tip.md

@@ -2,5 +2,5 @@
 
     If you are viewing a direct message conversation, you can also tap the
     **information**
-    (<img src="/static/images/help/mobile-info-circle-icon.svg" alt="information" class="mobile-icon"/>)
+    (<img src="/static/images/help/mobile-info-circle-icon.svg" alt="information" class="help-center-icon"/>)
     button in the top right corner of the app to open their profile.

help/include/send-group-dm.md

@@ -25,7 +25,7 @@
 {tab|mobile}
 
 1. Tap the **Direct messages**
-   ( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="mobile-icon"/> )
+   ( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="help-center-icon"/> )
    tab at the bottom of the app.
 
 1. Tap the **New group DM** button at the top of the app.
@@ -35,11 +35,11 @@
    adding as many message recipients as you like.
 
 1. Approve by tapping the **checkmark**
-   (<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="help-center-icon"/>)
    button in the bottom right corner of the app.
 
 1. Compose your message, and tap the **send**
-   (<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="help-center-icon"/>)
    button in the bottom right corner of the app.
 
 {end_tabs}

help/include/view-mentions.md

@@ -17,7 +17,7 @@
 {tab|mobile}
 
 1. Tap the **Mentions**
-   (<img src="/static/images/help/mobile-at-sign-icon.svg" alt="at-sign" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-at-sign-icon.svg" alt="at-sign" class="help-center-icon"/>)
    tab at the top of the app.
 
 1. Browse your mentions. You can tap on a message recipient bar to go

help/include/view-starred-messages.md

@@ -14,7 +14,7 @@
 {tab|mobile}
 
 1. Tap the **Starred messages**
-   (<img src="/static/images/help/mobile-star-icon.svg" alt="star" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-star-icon.svg" alt="star" class="help-center-icon"/>)
    tab at the top of the app.
 
 {end_tabs}

help/marking-messages-as-read.md

@@ -91,7 +91,7 @@ stream or topic as read**.
 {tab|mobile}
 
 1. Tap a stream, topic, or the **All messages**
-   (<img src="/static/images/help/mobile-globe-icon.svg" alt="globe" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-globe-icon.svg" alt="globe" class="help-center-icon"/>)
    tab.
 
 2. Tap **Mark stream as read**, **Mark topic as read**, or **Mark all as read**

help/share-and-upload-files.md

@@ -65,9 +65,9 @@ and you can click on a thumbnail to [view the full image](/help/view-and-browse-
 1. Navigate to a stream, topic, or direct message view.
 
 1. Tap the
-   **paperclip** (<img src="/static/images/help/mobile-paperclip-icon.svg" alt="paperclip" class="mobile-icon"/>),
+   **paperclip** (<img src="/static/images/help/mobile-paperclip-icon.svg" alt="paperclip" class="help-center-icon"/>),
-   **image** (<img src="/static/images/help/mobile-image-icon.svg" alt="image" class="mobile-icon"/>),
+   **image** (<img src="/static/images/help/mobile-image-icon.svg" alt="image" class="help-center-icon"/>),
-   or **camera** (<img src="/static/images/help/mobile-camera-icon.svg" alt="camera" class="mobile-icon"/>)
+   or **camera** (<img src="/static/images/help/mobile-camera-icon.svg" alt="camera" class="help-center-icon"/>)
    button at the bottom of the app to select one or more files. Zulip will
    upload the files, and insert named links using
    [Markdown formatting](/help/format-your-message-using-markdown#links):
@@ -90,7 +90,7 @@ You can share files from other apps on Zulip.
 {tab|android}
 
 1. Select one or more files and tap the **Zulip**
-   (<img src="/static/images/logo/zulip-icon-circle.svg" alt="logo" class="mobile-icon"/>)
+   (<img src="/static/images/logo/zulip-icon-circle.svg" alt="logo" class="help-center-icon"/>)
    logo.
 
 1. Select a stream name and topic name, or tap the

help/start-a-call.md

@@ -24,7 +24,7 @@
 1. Navigate to a stream, topic, or direct message view.
 
 1. Tap the **video camera**
-   (<img src="/static/images/help/mobile-video-icon.svg" alt="video" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-video-icon.svg" alt="video" class="help-center-icon"/>)
    button at the bottom of the app. This will insert a **Click to join video call**
    link into your message.
 

help/unsubscribe-from-a-stream.md

@@ -37,7 +37,7 @@ You can always unsubscribe from any stream in Zulip.
 {!mobile-all-streams-view.md!}
 
 1. Tap the **checkmark**
-   (<img src="/static/images/help/mobile-check-icon.svg" alt="checkmark" class="mobile-icon"/>)
+   (<img src="/static/images/help/mobile-check-icon.svg" alt="checkmark" class="help-center-icon"/>)
    icon to the right of a stream to unsubscribe from it.
 
 !!! tip ""

help/view-the-markdown-source-of-a-message.md

@@ -33,7 +33,7 @@ formatted, or to copy the Markdown source for a reply.
    menu option for editable messages that you have sent.
 
 1. Click the **Copy and close**
-   ( <img src="/static/images/help/copy_to_clipboard.svg" alt="copy" class="mobile-icon"/>)
+   ( <img src="/static/images/help/copy_to_clipboard.svg" alt="copy" class="help-center-icon"/>)
    widget in the upper right corner of the message.
 
 !!! keyboard_tip ""

web/styles/portico/markdown.css

@@ -254,7 +254,7 @@
             border: none;
         }
 
-        &.mobile-icon {
+        &.help-center-icon {
             width: 24px;
             box-shadow: none;
             border: none;