Fix: Remove Extra Footer Spacing (Dark Mode Inconsistency) #761
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
📌 Summary
This PR removes unnecessary top margin applied to the footer, which was creating extra white space at the bottom of the page. The issue was especially noticeable in dark mode, where the spacing looked visually inconsistent compared to light mode.
This PR Resolves keploy/keploy#3656
🔍 Problem Description
The footer had the following CSS rule:
This caused:
Extra white space above the footer
Visual imbalance at the bottom of the page
Noticeable inconsistency in dark mode UI
Footer appearing detached from the main content
✅ Solution Implemented :
🧪 How to Test :
Run the keploy-docs website locally.
Navigate to any documentation page.
Scroll to the bottom of the page.
Toggle between light and dark modes.
Confirm that:
No extra white space appears above the footer
Footer aligns naturally with the content
Screenshots :
Checklist: