(DOCSP-25246): Update screenshots for new Toolbar UI (#437)

* WIP

* WIP

* more screenshots

* fix image scaling

* add more Favorites screenshots

Author: jeff-allen-mongo

source/collections.txt

@@ -89,7 +89,7 @@ collection details, either:
 - Open the collection in a :ref:`new tab <tabbed-view>`.
 
 .. figure:: /images/compass/select-collection.png
-  :scale: 90%
+  :figwidth: 650px
   :alt: Select a collection
 
 After you select a collection, |compass-short| shows you that

source/connect/favorite-connections.txt

@@ -33,14 +33,6 @@ Save after Connecting to a Deployment
 
 .. include:: /includes/steps/favorite-connection-save-deployment.rst
 
-Once you save your favorite connection, |compass-short| displays the
-connection in the :guilabel:`Favorites` section of the left navigation 
-panel.
-
-.. figure:: /images/compass/saved-favorite-connection.png
-   :figwidth: 600px
-   :alt: Saved Favorite Connection
-
 Edit a Favorite Connection
 --------------------------
 

source/export-query-to-language.txt

@@ -20,7 +20,7 @@ Procedure
    :ref:`query bar <compass-query-bar>`, click :icon-mms:`ellipsis` to
    the right of the :guilabel:`Reset` button.
 
-#. Select :guilabel:`Export to Language`:
+#. Click the :guilabel:`Export to Language` button ``</>``:
 
    .. figure:: /images/querybar/export-query-to-language-menu-option.png
       :figwidth: 600px

source/images/compass/collection-schema.png

@@ -30,7 +30,7 @@ pipeline appears as a node on the tree. This makes sharded cluster
 outputs easier to understand and visualize.
 
 .. figure:: /images/compass/explain-tree.png
-  :figwidth: 808px
+  :figwidth: 500px
   :alt: Explain tree
 
 Raw JSON
@@ -39,7 +39,7 @@ Raw JSON
 You can also view the explain details in raw JSON format:
 
 .. figure:: /images/compass/query-plan3.png
-  :figwidth: 785px
+  :figwidth: 600px
   :alt: Query plan JSON
 
 To learn more about execution plans, see the

source/images/compass/database-tab.png

@@ -29,12 +29,12 @@ Set Query Filter
 
    .. example::
 
-      The following filter only returns documents which have a ``Country``
-      value of ``Brazil``:
+      The following filter only returns documents which have a ``title``
+      value of ``Jurassic Park``:
 
       .. code-block:: json
 
-         { Country: "Brazil" }
+         { "title": "Jurassic Park" }
 
 #. .. include:: /includes/run-query.rst
 

source/images/compass/documents-view.png

@@ -11,6 +11,7 @@ You can view up to 20 of the most recent queries for that collection.
 Click a query in the list to populate the query bar with that query.
 
 .. figure:: /images/compass/query-history-select.png
+   :figwidth: 500px
    :alt: Compass query history
 
 You can also hover over a query and perform the following actions:
@@ -35,4 +36,4 @@ You can also hover over a query and perform the following actions:
 .. seealso::
 
    To learn how to write queries to filter your data, see
-   :ref:`query-bar`.
+   :ref:`query-bar`.

source/images/compass/explain-tree.png

@@ -25,13 +25,11 @@ additional data about the contents of the fields, such as the
 minimum and maximum values of dates and integers, the frequency of
 occurrence of particular values, and the cardinality of the data.
 
-MongoDB has a
-:manual:`flexible schema model </core/data-modeling-introduction/>`,
-which means that some fields may
-contain different types of data from one document to the next.
-
-.. example::
-   A field named ``address`` may contain strings and integers in some documents, objects in others, or some combination of all three.
+MongoDB has a :manual:`flexible schema model
+</core/data-modeling-introduction/>`, which means that some fields may
+contain different types of data from one document to the next. For
+example, a field named ``address`` may contain strings and integers in
+some documents, objects in others, or some combination of all three.
 
 In the case of heterogenous fields, the :guilabel:`Schema` tab shows a
 breakdown of the various data types contained within the field with the
@@ -64,7 +62,7 @@ percentage of each data type represented.
      shows the minimum, maximum, and average array lengths.
 
    .. figure:: /images/compass/collection-schema.png
-      :figwidth: 750px
+      :figwidth: 700px
       :alt: Example of a collection's schema
 
 Query Bar