Feature/enable deploy button (#787)

* Add deployment button gif

* Move deploy button in app menu docs

* Update image borders in app-menu.md

* Sync streamlit.json with release branch

---------

Co-authored-by: snehankekre <[email protected]>

Author: sfc-gh-dmatthews

content/library/advanced-features/app-menu.md

@@ -3,7 +3,7 @@ title: ⋮ App menu
 slug: /library/advanced-features/app-menu
 ---
 
-# ⋮ App menu
+# <i style={{ verticalAlign: "-.25em", fontSize: "1em" }} className={{ class: "material-icons-sharp" }}>more_vert</i> App menu
 
 Streamlit provides a configurable menu within your app to access convenient tools for developers and viewers. By default, you can access developer options from the app menu when viewing an app locally or on Streamlit Community Cloud while logged into an account with administrative access. While viewing an app, click the icon in the upper-right corner to access the menu.
 
@@ -123,10 +123,26 @@ Reset your app's cache by clicking "**Clear cache**" from the app's menu or by p
 
 ### Deploy this app
 
-If you are running an app locally from within a git repo, you can deploy your app to Streamlit Community Cloud in a few easy clicks! Make sure your work has been pushed to your online GitHub repository before beginning. For the greatest convenience, make sure you have already created your [Community Cloud account](/streamlit-community-cloud/get-started/create-your-account) and are signed in. Click "**Deploy this app**" to be taken directly to Community Cloud's "Deploy an app" page. Your app's repository, branch, and file name will be prefilled to match your current app! Learn more about [deploying an app](/streamlit-community-cloud/deploy-your-app) on Streamlit Community Cloud.
+If you are running an app locally from within a git repo, you can deploy your app to Streamlit Community Cloud in a few easy clicks! Make sure your work has been pushed to your online GitHub repository before beginning. For the greatest convenience, make sure you have already created your [Community Cloud account](/streamlit-community-cloud/get-started/create-your-account) and are signed in.
 
-<div style={{ maxWidth: '30%', margin: 'auto' }}>
-    <Image src="/images/app-menu/app-menu-deploy-XL.png" alt="Rerun" clean />
+1. Click "**Deploy**" next to the app menu icon (<i style={{ verticalAlign: "-.25em" }} className={{ class: "material-icons-sharp" }}>more_vert</i>).
+
+<div style={{ maxWidth: '90%', margin: '0 2em 0 2em' }}>
+    <Image src="/images/app-menu/app-menu-deploy.png" alt="Settings" />
+</div>
+
+2. Click "**Deploy now**".
+
+<div style={{ maxWidth: '90%', margin: '0 2em 0 2em' }}>
+    <Image src="/images/app-menu/app-menu-deploy-1.png" alt="Settings" />
+</div>
+
+3. You will be taken to Community Cloud's "Deploy an app" page. Your app's repository, branch, and file name will be prefilled to match your current app! Learn more about [deploying an app](/streamlit-community-cloud/deploy-your-app) on Streamlit Community Cloud.
+
+The whole process looks like this:
+
+<div style={{ maxWidth: '90%', margin: '0 2em 0 2em' }}>
+    <Image src="/images/app-menu/deploy-from-local.gif" alt="Settings" />
 </div>
 
 ## Customize the menu