replaced screenshots in toolbox page and modified structure

Author: rsill-neo4j

modules/ROOT/images/toolbox-editor-view.png

@@ -5,8 +5,7 @@ This tutorial shows you how to create and use a GraphQL Data API in Aura Console
 
 == Create a GraphQL Data API
 
-In the Aura Console, select **Data services** > **Data APIs** from the left side navigation.
-Use **Create API**.
+In the Aura Console, select **Data services** > **Data APIs** from the left side navigation and then **Create API**.
 
 
 === Details
@@ -43,11 +42,10 @@ type Category @node {
 
 The type definitions describe what parts of the graph database in the AuraDB are accessible by requests made via the GraphQL API.
 
-If you already have data in the AuraDB, you can obtain your type definitions via the https://graphql-toolbox.neo4j.io[Neo4j GraphQL Toolbox].
+Alternatively, if you already have data in the AuraDB, you can obtain your type definitions via the https://graphql-toolbox.neo4j.io[Neo4j GraphQL Toolbox].
 The toolbox can connect to the AuraDB and automatically create type definitions and allow GraphQL operations.
 
-//link
-If you are using GraphQL Federation then make sure to select **Enable GraphQL subgraph**.
+If you are using link:https://graphql.org/learn/federation/[GraphQL Federation] then make sure to select **Enable GraphQL subgraph**.
 
 
 === Cross-Origin Resource Sharing (CORS) policy
@@ -71,10 +69,8 @@ All requests to the GraphQL API are authenticated and there are two options for
 It is possible to use these in combination and have multiples of each.
 
 Select **API Key** from the dropdown list and enter a name.
-
 The API key will be shown after the GraphQL API key has been created.
 
-
 [CAUTION]
 ====
 It is not recommended to use API keys with user-facing applications that are using the GraphQL API.
@@ -105,8 +101,7 @@ You can see the status via **Data APIs** from the left side navigation.
 
 == Create nodes in the database
 
-When the status for the GraphQL API is "Ready" you can send GraphQL requests to it.
-As all requests are subject to authentication, you must include the API key.
+When the status for the GraphQL API is **Ready** you can send GraphQL requests to it.
 
 
 === Via cURL

modules/ROOT/images/toolbox-favorite.png

@@ -15,8 +15,6 @@ This tutorial shows you how to:
 - The examples use the default `npm` package manager, but you can use other package managers.
 - Set up a https://neo4j.com[Neo4j database].
 Make sure it fulfills the xref::index.adoc#_requirements[requirements], including the necessary plugins.
-//Populate the database, for example with the Northwind dataset, available link::https://neo4j.com/docs/getting-started/appendix/example-data/[here].
-//The tutorial examples refer to this dataset.
 
 
 == Set up a directory

modules/ROOT/images/toolbox-schema-view.png

@@ -18,12 +18,13 @@ With it, you can:
 Before you start using the Toolbox, make sure you have followed all xref:index.adoc#_requirements[requirements] to run a Neo4j database.
 You can use https://neo4j.com/docs/desktop-manual/current/[Neo4j Desktop] or https://neo4j.com/docs/aura/auradb/[Neo4j AuraDB] for that.
 
+
 == Set the type definitions
 
-. Set your type definitions directly in the Toolbox editor or introspect the Neo4j database you connected to.
-+
-If you followed the xref:getting-started/graphql-self-hosted.adoc[self-hosted GraphQL tutorial], you should see these type definitions in the GraphQL Toolbox:
-+
+Set your type definitions directly in the Toolbox editor or introspect the Neo4j database you connected to.
+
+If you followed the xref:getting-started/graphql-self-hosted.adoc[self-hosted GraphQL tutorial], use **Introspect** to see these type definitions in the GraphQL Toolbox:
+
 [source, graphql, indent=0]
 ----
 type Product @node {
@@ -36,13 +37,15 @@ type Category @node {
     products: [Product!]! @relationship(type: "PART_OF", direction: IN)
 }
 ----
-+
-// new screenshot
+
 image::toolbox-schema-view.png[GraphQL Toolbox schema view]
 
-. Click the button "Build schema" and then go to the Query editor tab. 
 
-. Query the Neo4j database using the autogenerated GraphQL queries and mutations from the `@neo4j/graphql` library:
+== Build the schema and query the database
+
+**Build schema** which takes you to **Query editor** tab. 
+
+Query the Neo4j database. Paste the following or interact with the autogenerated GraphQL queries and mutations from the `@neo4j/graphql` library from the **Explorer**:
 +
 [source, graphql, indent=0]
 ----
@@ -52,8 +55,7 @@ image::toolbox-schema-view.png[GraphQL Toolbox schema view]
   }
 }
 ----
-+
-// new screenshot
+
 image::toolbox-editor-view.png[GraphQL Toolbox editor view]
 
 The query returns the name of the single product in the database:
@@ -63,11 +65,10 @@ The query returns the name of the single product in the database:
 { "data": { "products": [{ "productName": "New Product" }] } }
 ----
 
+
 == Store type definitions as favorite
 
 You can store your type definitions as favorites and access a range of settings to work with.
+In the **Type definitions** tab, the star icon will will save it as a favorite:
 
-. Go to the Type definitions tab and click on the star icon to save it as a favorite:
-+
-//new screenshot
 image:toolbox-favorite.png[Save a type definition as favorite]