updated images

docs/modules/ROOT/pages/operations/browser-styling.adoc

@@ -2,7 +2,7 @@
 
 
 [[browser-styling]]
-= Neo4j Browser styling
+= Browser styling
 
 You can customize your graph query result either in place or by using Graph Stylesheet (GraSS).
 
@@ -14,27 +14,27 @@ Neo4j Browser also provides functionality for styling with color and size, based
 
 .Label and type overview
 [caption="Label and type overview"]
-image:graph_result_frame_style_overview.png[]
+image:browser-style1.png[]
 
-If you select a node label in the _Overview_, there are several styling possibilites available:
+If you select a node label in the _Overview_, there are several styling options available:
 
 * Color -- set the color for nodes of the selected label.
 * Size  -- set the size for nodes of the selected label.
 * Caption -- set what should be displayed as the caption for nodes of the selected label.
 
 .Set node style
 [caption="Label and type overview"]
-image:graph_result_frame_style_overview_node.png[]
+image:browser-style2.png[]
 
-If you select a relationship type in the _Overview_, there are several styling possibilites available:
+If you select a relationship type in the _Overview_, there are several styling options available:
 
 * Color -- set the color for relationships of the selected type.
 * Line width  -- set the line width for relationships of the selected type.
 * Caption -- set what should be displayed as the caption for relationships of the selected type.
 
 .Set relationship style
 [caption="Label and type overview"]
-image:graph_result_frame_style_overview_relationship.png[]
+image:browser-style3.png[]
 
 If you select a node in the _graph result frame_, the _Node Properties_ shows labels and properties; selecting a node label works the same as in the _Overview_.
 
@@ -44,7 +44,7 @@ You can click the `Movie` label in the graph and change the color, size, and cap
 
 .Changes to nodes labeled `Movie`
 [caption="Changes to nodes labeled `Movie`"]
-image:graph_result_frame_style_node_selected_properties.png[]
+image:browser-style4.png[]
 =====
 
 If you select a relationship in the _graph result frame_, the _Relationship Properties_ shows the type and properties; selecting the type works the same as in the _Overview_.
@@ -56,7 +56,7 @@ For example the `ACTED_IN` is selected.
 
 .Changes to relationships with type `ACTED_IN`
 [caption="Changes to relationships with type `ACTED_IN`"]
-image:graph_result_frame_style_relationship_selected_properties.png[]
+image:browser-style5.png[]
 =====
 
 
@@ -141,4 +141,3 @@ Same applies to relationships.
 ====
 The link:https://github.com/neo4j/neo4j-browser/blob/master/src/shared/services/grassUtils.ts[GraSS parser^] is open source.
 ====
-

docs/modules/ROOT/pages/operations/result-frames.adoc

@@ -36,6 +36,7 @@ image:graph-result-frame.png[]
 ====
 * Use the controls in the bottom right corner of the frame to zoom in and out of the visualization.
 Additionally, you can zoom using trackpad zoom gestures or a mouse wheel in combination with a modifier key.
+(If you are in full-screen view, the modifier key is not needed to zoom.)
 On Mac, use `⌘ + scroll` and on Windows and Linux, use `Ctrl + scroll` to trigger zoom.
 You can also use the _Fit to screen_ button to fit all query results into the view.
 * Click a node or a relationship to view its properties.

docs/modules/ROOT/pages/visual-tour.adoc

@@ -9,7 +9,7 @@ This section walks you through the UI of Neo4j Browser.
 [[overview]]
 == Overview
 
-image:overview.png[]
+image:overview1.png[]
 
 [[sidebar]]
 == Sidebar
@@ -39,7 +39,7 @@ For more information about user's built-in roles and the default privileges, see
 
 The *Favorites* drawer is where you keep your bookmarked queries and commands.
 
-image:favorites.png[]
+image:favorites1.png[]
 
 ==== Save a query as a favorite
 
@@ -60,7 +60,7 @@ To run one of your favorites, click the left-side menu *Favorites*, choose the q
 
 ==== Add a title to a favorite
 
-The first line of the Cypher query or command will be used to name your favorite.
+The first line of the Cypher query or command is used to name your favorite.
 To provide a title or helpful info to your favorite, you can use a comment `//comment` above your query.
 The *Favorites* menu uses this comment to name the saved query.
 
@@ -211,7 +211,7 @@ For the complete list of all Neo4j Browser commands, see xref:reference-commands
 === Browser Settings
 
 The *Browser Settings* drawer contains configurations related to the UI, result frames, and graph visualization.
-You can adjust some of them in place, for example, _Enable multi statement query editor_, _Initial command to execute_, graph limits, result limits, or by using the `:config` command. 
+You can adjust some of them in place, for example, _Enable multi statement query editor_, _Initial command to execute_, graph limits, result limits, or by using the `:config` command.
 For the full list of the Neo4j Browser settings and how to adjust them in the Browser and globally, see xref:operations/browser-settings.adoc[].
 
 image:settings.png[width=40%]
@@ -323,7 +323,7 @@ image:inline-result-editor.gif[]
 
 You can also use _Cmd/Ctrl + click_ to send it back to the main editor and re-run it from there.
 
-image:result-frame.png[]
+image:reusable-frame.png[]
 
 Each reusable frame maintains its own local history of commands and updates the main one in the Cypher editor, should you need to instantiate a new result frame from there.
 
@@ -353,4 +353,3 @@ To remove all the frames from the stream, use the `:clear` command.
 Browser settings that maybe useful for you are the maximum number of result frames to display (`maxFrames`) and the size of the command and statement history (`maxHistory`).
 When reached, old frames and history entries get retired.
 For more information on how to adjust Browser Settings, see xref:operations/browser-settings.adoc[].
-