Fixed minor ui-isses in guide section

docs/guide/browser-drivers/geckodriver.md

@@ -64,7 +64,7 @@ GeckoDriver can also be used as a standalone application. Usage steps are docume
 <br><br>
 ### Command line usage
 
-<pre><code>$ ./bin/geckodriver-0.23 -help
+<pre class="plaintext"><code>$ ./bin/geckodriver-0.23 -help
 geckodriver 0.23.0
 
 USAGE:

docs/guide/ci-integrations/run-nightwatch-on-azure-pipelines.md

@@ -47,7 +47,7 @@ You need to click on Node.js in order to configure its plugin. This will provide
 #### Step 4 : Configure azure-pipelines.yml file
 Now you have to review and write the steps inside the azure-pipelines.yml file to run your tests. 
 
-<pre><code class="yml"># Node.js
+<pre class="nocode-space"><code class="yml"># Node.js
 # Build a general Node.js project with npm.
 # Add steps that analyze code, save build artifacts, deploy, and more:
 # https://docs.microsoft.com/azure/devops/pipelines/languages/javascript

docs/guide/ci-integrations/run-nightwatch-on-circleci.md

@@ -36,7 +36,7 @@ In the next screen, select `Node` from the list
 #### Step 2 : Update the config.yml file, commit and run the pipeline
 Now you will view the config.yml file that you can edit. Copy the below file contents into the file
 
-<pre><code class="yml"># This config is equivalent to both the '.circleci/extended/orb-free.yml' and the base '.circleci/config.yml'
+<pre class="nocode-space"><code class="yml"># This config is equivalent to both the '.circleci/extended/orb-free.yml' and the base '.circleci/config.yml'
 version: 2.1
 
 # Orbs are reusable packages of CircleCI configuration that you may share across projects, enabling you to create encapsulated, parameterized commands, jobs, and executors that can be used across multiple projects.

docs/guide/ci-integrations/run-nightwatch-on-jenkins.md

@@ -56,12 +56,10 @@ In order to run your tests on BrowserStack from Jenkins, setup the environment v
 
 Setup the following 2 environment variables
 
-```
-
-BROWSERSTACK_USERNAME
+<pre class="language-bash">
+BROWSERSTACK_USERNAME 
 BROWSERSTACK_ACCESS_KEY
-
-```
+</pre>
 
 ![Jenkins BrowserStack](https://user-images.githubusercontent.com/1677755/177569029-da96b37d-6377-404f-9562-315d0694997d.png)
 

docs/guide/component-testing/testing-angular-components.md

@@ -5,7 +5,7 @@ description: Learn how to do write and execute Angular component tests in Nightw
 <div class="page-header"><h1>Angular component testing in Nightwatch</h1></div>
 
 ### Overview
-Angular component testing in Nightwatch is available using our official **[`@nightwatch/angular`][1]** plugin, It uses the Webpack DevServer under the hood. Requires Nightwatch 2.4+  
+Angular component testing in Nightwatch is available using our official **[`@nightwatch/angular`][https://github.com/nightwatchjs/nightwatch-plugin-angular]** plugin, It uses the Webpack DevServer under the hood. Requires Nightwatch 2.4+  
 
 <div style="text-align: center; max-width: 80%; margin-bottom: 30px; ">
 <a href="https://github.com/nightwatchjs/nightwatch-plugin-angular"><img class="github-embed" src="https://opengraph.githubassets.com/default/nightwatchjs/nightwatch-plugin-angular" alt="nightwatch-angular-plugin on Github" /></a>
@@ -91,15 +91,7 @@ The angular plugin uses webpack dev server to compile and render angular compone
 
 <div class="sample-test"><i>test/sampleTest.js</i><pre class="line-numbers language-javascript"><code class="language-javascript">it('Test Form Component', async function (browser) {
   const component = await browser.mountComponent('/src/components/Form.component');
-
   expect(component).text.to.equal('form-component works!');
 });
-</code></pre></div>
-
-
-
-
-
-
-
-[1]:	https://github.com/nightwatchjs/nightwatch-plugin-angular
+</code></pre>
+</div>

docs/guide/concepts/test-globals.md

@@ -202,9 +202,7 @@ Pass the `--env integration` option to the runner:
 
 Then our globals object will look like:
 
-```
-myGlobalVar is: "integrated global"
-```
+<pre><code class="language-bash">myGlobalVar is: "integrated global"</code></pre>
 
 ### Recommended content
 - [Use external globals in tests](/guide/writing-tests/using-test-globals.html)

docs/guide/configuration/define-test-environments.md

@@ -49,7 +49,7 @@ Test environments are referenced using the `--env` cli argument. Since we only h
 
 <pre class="language-bash"><code class="language-bash">npx nightwatch --env chrome-local</code></pre>
 
-```
+<pre class="language-bash nocode-space">
 ~/workspace/test-project % npx nightwatch --env chrome-local
 
 ┌──────────────────────────────────────────────────────────────────┐
@@ -61,7 +61,7 @@ Test environments are referenced using the `--env` cli argument. Since we only h
 │                                                                  │
 │                                                                  │
 └──────────────────────────────────────────────────────────────────┘
-```
+</pre>
 
 ### Define a new "chrome-local" environment
 
@@ -108,20 +108,20 @@ Run the sample and pass the `--env chrome-local` argument:
 
 The output will look a bit like this:
 
-```
+<pre class="language-bash nocode-space">
 [sample nightwatch test] Test Suite
 ──────────────────────────────────────────────────────────────────────
 ℹ Connected to ChromeDriver on port 9515 (844ms).
   Using: chrome (101.0.4951.64) on MAC OS X.
 
 
   Running opens the browser and checks for input:
-────────────────────────────────────────────────────────────────────────────────────────────────────────────────
+───────────────────────────────────────────────────────────────────────
   ℹ Loaded url https://home.cern in 5531ms
   ✔ Testing if the page title equals 'Home | CERN' (6ms)
 
 OK. 1 assertions passed. (5.604s)
-```
+</pre>
 
 ### Recommended content
 - [Concepts > Test environments](/guide/concepts/test-environments.html)
@@ -148,4 +148,4 @@ OK. 1 assertions passed. (5.604s)
         <span>→</span>
     </a>
   </div>
-</div>
+</div>