(DOCSP-31742) [Charts] Dashboard and Charts UI Inconsistencies (#620)

* (DOCSP-31742) Edits.

* (DOCSP-31742) Edits.

* (DOCSP-31745) Consistency edits.

* Update source/manage-dashboards.txt

Co-authored-by: zach-carr <[email protected]>

* Update source/manage-dashboards.txt

Co-authored-by: zach-carr <[email protected]>

---------

Co-authored-by: zach-carr <[email protected]>

Author: eforeman-mdb

source/manage-dashboards.txt

@@ -23,7 +23,7 @@ clicking the desired dashboard from the :guilabel:`Dashboards` page.
 .. note::
 
    You can search for dashboards by title by using the search bar
-   in the top-right corner of the page.
+   in the top-right of the page.
 
 Viewer Actions
 --------------
@@ -39,20 +39,27 @@ You can duplicate any dashboard in your Dashboards page,
 even if you do not have editing permissions.
 
 You can duplicate a dashboard from the :guilabel:`Dashboards` page or 
-from the dashboard itself. To duplicate a dashboard:
+from the dashboard itself. 
 
-1. If you are on the :guilabel:`Dashboards` page, click the ellipsis 
-   (``...``) for the dashboard you want to duplicate.
+To duplicate a dashboard:
 
-   If you are on a dashboard, click the ellipsis 
-   (``...``) in the top right corner.
+.. procedure:: 
+   :style: normal
 
-#. Select :guilabel:`Duplicate Dashboard` from the pop-up menu.
+   .. step:: If you are on the :guilabel:`Dashboards` page, click the ellipsis 
+      (:icon-mms:`ellipsis`) for the dashboard you want to duplicate.
 
-#. In the :guilabel:`Dashboard Details` dialog, update the
-   :guilabel:`Title` and :guilabel:`Description` fields.
+      If you are on a dashboard, click the ellipsis 
+      (:icon-mms:`ellipsis`) in the top right corner.
+      
+   .. step:: Select :guilabel:`Duplicate` 
+      from the pop-up menu.
 
-#. Click :guilabel:`Save` to save the duplicated dashboard.
+   .. step:: In the :guilabel:`Dashboard Details` dialog, update the
+      :guilabel:`Title` and :guilabel:`Description` fields.
+
+   .. step:: Click :guilabel:`Save` to save 
+      the duplicated dashboard.
 
 .. note::
 
@@ -78,31 +85,30 @@ the entire space of the screen.
 
 To enter the fullscreen view for charts:
 
-1. Select a dashboard from the :guilabel:`Dashboards` page.
+.. procedure:: 
+   :style: normal 
 
-#. Hover over the chart.
+   .. step:: Select a dashboard from 
+      the :guilabel:`Dashboards` page.
 
-#. Click the expanding box at the top-right of the chart.
+   .. step:: Hover over the chart you wish to expand and click the expanding box (:icon-fa5:`expand`)
+      at the top-right of the chart.
 
-.. figure:: /images/charts/fullscreen-chart-view.png
-   :figwidth: 750px
-   :alt: Fullscreen Box
+      .. figure:: /images/charts/fullscreen-chart-view.png
+         :figwidth: 750px
+         :alt: Fullscreen Box
 
 To view another chart in the fullscreen view for charts, do one of the 
 following tasks:
 
-- Click the arrows to the right and left of the chart
+- Click the arrows to the right and left of the chart or the arrow keys on your keyboard. 
 
 - Click the dots at the bottom of the chart.
 
-To automatically cycle through the charts, click the play icon at the 
-top-right of the chart. To stop, click the pause icon.
-
-To exit the fullscreen view for charts, do one of the following tasks:
-
-- Click the contracting box at the top-right of the dashboard.
+To automatically cycle through the charts, click the play icon (:icon-fa5:`play`) at the 
+top-right of the chart. To stop, click the pause icon (:icon-fa5:`pause`).
 
-- Press the escape key.
+To exit the fullscreen view for charts, click the contracting box (:icon-fa5:`compress`) at the top-right of the dashboard.
 
 Author Actions
 --------------
@@ -144,9 +150,9 @@ Remove a Chart
    from will continue to exist.
 
 To remove a chart from your dashboard, hover over the desired chart
-and click the ellipsis (:guilabel:`...`) button at the top-right of the
-chart. Select :guilabel:`Delete Chart`, then click the
-:guilabel:`Delete Chart` button in the dialog to confirm the chart
+and click the ellipsis (:icon-mms:`ellipsis`) at the top-right of the
+chart. Select :icon-fa5:`trash` :guilabel:`Delete`, then click the
+:guilabel:`Delete` button in the dialog to confirm the chart
 deletion.
 
 .. _dashboard-duplicate-chart:
@@ -159,14 +165,18 @@ each time, you can duplicate any chart on a dashboard.
 
 To duplicate a chart:
 
-1. Hover over the desired chart on your dashboard and click the
-   ellipsis (:guilabel:`...`) button at the top-right of the
-   chart.
-#. Select :guilabel:`Duplicate Chart`.
+.. procedure:: 
+   :style: normal
 
-#. Make any desired changes, then click the green
-   :guilabel:`Save and Close` button to save the new chart. This saves
-   the chart on the same dashboard as the original copy.
+   .. step:: Hover over the chart you wish to duplicate and click 
+     the ellipsis (:icon-mms:`ellipsis`) at the top-right of the chart. 
+   
+   .. step:: Select 
+      :guilabel:`Duplicate`.
+
+   .. step:: Make any desired changes, then click the green
+     :guilabel:`Save and Close` button to save the new chart. This saves
+     the chart on the same dashboard as the original copy.
 
 .. _move-chart:
 
@@ -181,17 +191,23 @@ Move a Chart to a Different Dashboard
 
 To move a chart to a different dashboard:
 
-1. Navigate to the dashboard which contains the chart you wish to move.
+.. procedure::
+   :style: normal
 
-#. Hover over the desired chart and click the ellipsis
-   (:guilabel:`...`) button at the top-right of the chart.
+   .. step:: Navigate to the dashboard that 
+      contains the chart you want to move.
 
-#. Click :guilabel:`Move to`.
+   .. step:: Hover over the chart you wish to move and click the ellipsis (:icon-mms:`ellipsis`)
+      at the top-right of the chart. 
 
-#. In the :guilabel:`Move to` dialog, use the dropdown to select the
-   target dashboard for the chart.
+   .. step:: Click 
+      :guilabel:`Move to`.
 
-#. Click :guilabel:`Move Chart`.
+   .. step:: In the :guilabel:`Move to` dialog, use the dropdown to select the
+      target dashboard for the chart.
+      
+   .. step:: Click 
+      :guilabel:`Move Chart`.
 
 |charts-short| reloads the current dashboard and the target chart is no
 longer present.
@@ -232,28 +248,37 @@ You can rename a dashboard and edit its description either from the
 :ref:`Dashboards page <dashboards-tab>`, which shows an overview of all
 your dashboards, or from within an individual dashboard.
 
-From the Dashboards page:
+To rename a dashboard from the Dashboards page:
+
+.. procedure:: 
+   :style: normal
 
-1. Each dashboard has a button with an ellipsis icon (:guilabel:`...`)
-   in the upper right corner. Click the ellipsis button.
+   .. step:: Click the ellipsis (:icon-mms:`ellipsis`) in the upper right corner
+      of the dashboard you would like to rename.
+      
+   .. step:: Select :guilabel:`Edit Title and Description` 
+      from the pop-up menu.
 
-#. Select :guilabel:`Edit Title / Description` from the pop-up menu.
+   .. step:: In the :guilabel:`Dashboard Details` dialog, update the
+      :guilabel:`Title` and :guilabel:`Description` of your dashboard.
 
-#. In the :guilabel:`Dashboard Details` dialog, update the
-   :guilabel:`Title` and :guilabel:`Description` of your dashboard.
+   .. step:: Click :guilabel:`Update` 
+      to save your changes.
 
-#. Click :guilabel:`Update` to save your changes.
+To rename a dashboard from within that dashboard:
 
-From within an individual dashboard:
+.. procedure::
+   :style: normal
 
-1. In the upper left corner of the desired dashboard view, hover over
-   the dashboard title or description and click the
-   :guilabel:`pencil icon`.
+   .. step:: In the upper left corner of the desired dashboard view, hover over
+     the dashboard title or description and click the
+     :guilabel:`pencil icon`.
 
-#. In the :guilabel:`Dashboard Details` dialog, update the
-   :guilabel:`Title` and :guilabel:`Description` of your dashboard.
+   .. step:: In the :guilabel:`Dashboard Details` dialog, update the
+     :guilabel:`Title` and :guilabel:`Description` of your dashboard.
 
-#. Click :guilabel:`Update` to save your changes.
+   .. step:: Click 
+      :guilabel:`Update` to save your changes.
 
 .. _duplicate-dashboard:
 
@@ -276,18 +301,23 @@ Delete a Dashboard
    continue to exist.
 
 You can delete a dashboard from the :guilabel:`Dashboards` page or 
-from the dashboard itself. To delete a dashboard:
+from the dashboard itself. 
+
+To delete a dashboard:
 
-1. If you are on the :guilabel:`Dashboards` page, click the ellipsis 
-   (``...``) for the dashboard you want to delete.
+.. procedure:: 
+   :style: normal
 
-   If you are on a dashboard, click the ellipsis 
-   (``...``) in the top right corner.
+   .. step:: If you are on the :guilabel:`Dashboards` page, click the ellipsis 
+     (:icon-mms:`ellipsis`) at the top right of the dashboard you wish to delete.
+     
+     If you are viewing a dashboard, click the ellipsis (:icon-mms:`ellipsis`) in the top right of the page.
 
-#. Click :guilabel:`Delete`.
+   .. step:: Click :icon-fa5:`trash` 
+      :guilabel:`Delete`.
 
-#. Click :guilabel:`Delete` in the :guilabel:`Delete Dashboard` dialog
-   to confirm deletion.
+   .. step:: Click :guilabel:`Delete` in the :guilabel:`Delete` dialog
+      to confirm deletion.
 
 Modify Dashboard Permissions
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~