fix: 🐛 fixed ui alignment issues (#451)

* fix: 🐛 fixed ui alignment issues

* docs: ✨ updated docs

Author: WasiqB

.github/workflows/test.yml

@@ -14,7 +14,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18, 20]
+        node-version: [18, 20, 22]
 
     steps:
       - name: Checkout Repository

.vscode/launch.json

@@ -1,34 +1,27 @@
 {
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "debug test.js",
-            "skipFiles": [
-                "<node_internals>/**"
-            ],
-            "program": "${workspaceFolder}/test/test.js"
-        },
-        {
-            "type": "node",
-            "name": "debug current spec file",
-            "request": "launch",
-            "args": [
-              "${file}"
-            ],
-            "cwd": "${workspaceFolder}",
-            "console": "integratedTerminal",
-            "internalConsoleOptions": "neverOpen",
-            "program": "${workspaceFolder}/node_modules/jasmine/bin/jasmine",
-            "sourceMaps": true,
-            "runtimeArgs": [
-              "--nolazy",
-              "--inspect-brk"
-            ]
-          }
-    ]
-}
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "debug test.js",
+      "skipFiles": ["<node_internals>/**"],
+      "program": "${workspaceFolder}/test/test.js"
+    },
+    {
+      "type": "node",
+      "name": "debug current spec file",
+      "request": "launch",
+      "args": ["${file}"],
+      "cwd": "${workspaceFolder}",
+      "console": "integratedTerminal",
+      "internalConsoleOptions": "neverOpen",
+      "program": "${workspaceFolder}/node_modules/jasmine/bin/jasmine",
+      "sourceMaps": true,
+      "runtimeArgs": ["--nolazy", "--inspect-brk"]
+    }
+  ]
+}

docs/CONTRIBUTING.md

@@ -1,9 +1,9 @@
-Contributing
-============
+# Contributing
 
 We try to achieve a 100% coverage on the Javascript code. Please make sure that each addition reaches this goal.
 
 ## Tests
+
 - clone the project to your local machine
 - do a npm install
 

docs/WEBDRIVER.IO.MD

@@ -1,7 +1,7 @@
 # webdriver.io
 
-> **NOTE:<br>**
-> If you are using WebdriverIO V4 follow the instructions below, if you are using WebdriverIO V5, please check [here](https://github.com/WasiqB/wdio-cucumberjs-json-reporter).
+> **NOTE:**
+> If you are using WebdriverIO V4 follow the instructions below, if you are using WebdriverIO V5, please check [wdio-cucumberjs-json-reporter](https://github.com/webdriverio-community/wdio-cucumberjs-json-reporter).
 
 Follow the installation instructions as mentioned in [Install](../README.MD#install)
 
@@ -12,9 +12,7 @@ It works nicely with this reporter.
 
 ## Using wdio-cucumber-framework version lower than 2.2.0?
 
-> **NOTE: THIS INSTRUCTION ONLY WORKS WITH `CucumberJS` V2 AND THUS `wdio-cucumber-framework` V1.1.1. I'M WORKING ON A SOLUTION FOR THE LATEST VERSION OF `CucumberJS` V4 AND THUS `wdio-cucumber-framework` > V2.0.0**
-
-> **THIS REPORT WORKS BASED ON EXTRA PROVIDED BROWSER INFO IN THE REPORT. PLEASE FOLLOWING THE INSTRUCTIONS BELOW / IN THE README.MD TO ADD THAT INFO. IF YOU DON'T YOU MAY GET ERRORS GENERATING THE REPORT**
+> **NOTE: THIS INSTRUCTION ONLY WORKS WITH `CucumberJS` V2 AND THUS `wdio-cucumber-framework` V1.1.1. I'M WORKING ON A SOLUTION FOR THE LATEST VERSION OF `CucumberJS` V4 AND THUS `wdio-cucumber-framework` > V2.0.0** > **THIS REPORT WORKS BASED ON EXTRA PROVIDED BROWSER INFO IN THE REPORT. PLEASE FOLLOWING THE INSTRUCTIONS BELOW / IN THE README.MD TO ADD THAT INFO. IF YOU DON'T YOU MAY GET ERRORS GENERATING THE REPORT**
 
 ## Step 1: Add extra dependency
 

examples/cypress/package.json

@@ -14,10 +14,10 @@
   "author": "Wasiq Bhamla",
   "license": "MIT",
   "devDependencies": {
-    "@badeball/cypress-cucumber-preprocessor": "^22.0.1",
-    "@bahmutov/cypress-esbuild-preprocessor": "^2.2.4",
-    "@types/node": "^22.14.0",
-    "cypress": "^14.0.3",
+    "@badeball/cypress-cucumber-preprocessor": "^22.1.0",
+    "@bahmutov/cypress-esbuild-preprocessor": "^2.2.5",
+    "@types/node": "^24.0.3",
+    "cypress": "^14.4.1",
     "multiple-cucumber-html-reporter": "3.9.2",
     "typescript": "^5.8.3"
   },