Skip to content

fix: improve UI padding and text alignment between navbar and content#262

Open
gyanranjanpanda wants to merge 1 commit intoaboutcode-org:mainfrom
gyanranjanpanda:fix/ui-padding-navbar-spacing
Open

fix: improve UI padding and text alignment between navbar and content#262
gyanranjanpanda wants to merge 1 commit intoaboutcode-org:mainfrom
gyanranjanpanda:fix/ui-padding-navbar-spacing

Conversation

@gyanranjanpanda
Copy link

Fixes #235

Summary

This PR addresses the UI/UX issue where the documentation had insufficient padding between the navbar and content text, making the text appear cramped and hard to read.

Changes

  • Increased top margin in .wy-nav-content from 0px to 20px for better spacing from navbar
  • Increased top padding in div.rst-content from 10px to 30px for improved text visibility
  • Added line-height: 1.6 for better text readability on desktop
  • Improved mobile responsive padding from 0px to 20px with line-height: 1.5

Testing

  • ✅ Built documentation locally with no errors
  • ✅ Verified visual improvements in browser
  • ✅ Tested responsive design on mobile breakpoint
  • ✅ Confirmed no layout breaks or overlapping elements

Screenshots

The changes provide better spacing and improved readability throughout the documentation.

@gyanranjanpanda
Copy link
Author

Tested locally and confirmed the fix works!

Before: Content was cramped against navbar

After: Proper spacing and better readability

Screenshot 2026-02-06 at 03 54 12

Screenshots attached showing the improvement.
Screenshot 2026-02-06 at 03 55 20

@gyanranjanpanda gyanranjanpanda force-pushed the fix/ui-padding-navbar-spacing branch from 7251903 to 97dfa8d Compare February 5, 2026 22:34
- Increased top margin in .wy-nav-content from 0px to 20px for better spacing from navbar
- Increased top padding in div.rst-content from 10px to 30px for improved text visibility
- Added line-height: 1.6 for better text readability on desktop
- Improved mobile responsive padding from 0px to 20px with line-height: 1.5
- Ensures content is not cramped against navigation elements

Fixes aboutcode-org#235

Signed-off-by: Gyan Ranjan Panda <gyanranjanpanda@gmail.com>
@gyanranjanpanda gyanranjanpanda force-pushed the fix/ui-padding-navbar-spacing branch from 97dfa8d to 0f78fb7 Compare February 5, 2026 22:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

improve user interface of text with proper padding and align of the text.padding between navbar and text

1 participant