Fix: Formatting issue in Docs Page [Installation Section]

[AryanCruise]

What has changed?

This PR corrects the Markdown formatting in the installation guide (installation_tabs.md), specifically within the Linux, macOS, and Windows sections.

This resolves a rendering bug where bash code blocks were not properly indented inside their numbered list items. This lack of indentation caused the Markdown parser to break the list's structure, leading to visual alignment issues. The fix ensures all lists containing code blocks now render correctly with consistent styling.

This PR Resolves #3022 (issue raised on keploy/keploy)

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue).

How Has This Been Tested?

I have tested these changes by running the development server locally with npm run start and visually confirming that the fix is working as expected.

The numbered list in "Option 1: Install Keploy with Lima" now renders correctly without any alignment or styling issues. I also confirmed the same fix for the Docker installation steps.

As requested, I have also run npm run build and npm run serve to verify the production build.

Before:

(Screenshot of the broken page)

After:

(Screenshot of the fixed page)

Checklist:

• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.

[github-actions]

Thank you and congratulations 🎉 for opening your very first pull request in keploy

[Achanandhi-M]

Hey @AryanCruise can you please update the PR title, also please don't update everything for the installation tab, format only the part which is not formatted properly

[AryanCruise]

Hey @AryanCruise can you please update the PR title, also please don't update everything for the installation tab, format only the part which is not formatted properly

Thanks for the feedback! I can definitely update the title.

I'm happy to reduce the scope of this PR to align with the original issue. The reason I made the extra changes was that I found the same formatting error occurred in several other places, and I thought it would be best to fix them all at once for consistency.

[AryanCruise]

Made the changes, as asked by you @Achanandhi-M (do let me know if any changes are required)

Before:

After:

npm run build and npm run serve (screenshot):

[Achanandhi-M]

Hey @AryanCruise can you please fix the same issue in the windows installation section, please make sure the formatting is good for every OS installation

[AryanCruise]

In my recent commit, I ensured that the formatting was good and consistent across all OSs on the installation page.

This commit standardizes the layout to improve readability and ensure a consistent user experience across Windows, macOS, and Linux.

Kindly please review the changes @Achanandhi-M
Thank you!

Linux OS:

MacOS:

Windows:

npm build and serve:

[Achanandhi-M]

Hey @AryanCruise,
I’ve reviewed your PR — the 🎬 Start Capturing Test Cases section should be aligned properly with the previous section. In the current PR, the alignment isn’t consistent. Please fix the formatting issue. For reference, check the current live section and make the same changes there too.

[AryanCruise]

I have formatted as mentioned by adding a margin before the code blocks and giving numbering for each step.

Kindly review it @Achanandhi-M

Live website:

Localhost:

npm build and serve:

[Achanandhi-M]

Hey @AryanCruise I think we don't want the changes in the components folder

[AryanCruise]

Hey @AryanCruise I think we don't want the changes in the components folder

But, that's the only way to format the 🎬 Start Capturing test cases section as mentioned by you earlier to make changes in it.

I have searched for a .md file for that, unlike the installation_tabs.md file in which I made changes earlier, but I haven't found one. I think that section is directly made in .js without using a .md file.

[Achanandhi-M]

Hey @AryanCruise Our requirement is too align everything equally in the page, but in this current PR the installation section and the capturing test cases not formatted equally i am asking you to make it properly aligned for that you don't need to update any js file

[AryanCruise]

I haven't changed this, Maybe the actual code has changed on GitHub, which I have copied and changed recently between my last clone.

[AryanCruise]

Hi @Achanandhi-M , I removed the changes I made earlier in the JS file section. I am not able to make the changes regarding the formatting of "Start Capturing Section."

Although I have fixed the issue that was raised.

[Achanandhi-M]

Can you please create a fresh PR for this one, with proper code changes and the title and description?