Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix: Add proper spacing to simplified logs table headers #19

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

Ansh5748
Copy link
Contributor

Changes Made

  • Enhanced table header styling with proper spacing and borders
  • Added responsive design support for table headers
  • Implemented sticky headers for better user experience
  • Optimized CSS for clean header separation

Testing Done

  • Verified header spacing and alignment
  • Tested responsive behavior across different screen sizes
  • Confirmed headers display correctly: ID | IP | Port | Version | Command | Type | Term | Matches | Status | Level | Message | Time
  • Validated horizontal scrolling functionality

Screenshots
Screenshot 2025-02-24 015319
Screenshot 2025-02-24 020731

Technical Details

  • Updated CSS properties for #logs-table th
  • Added border separators between headers
  • Implemented white-space: nowrap to prevent text wrapping
  • Enhanced table container overflow handling

Closes #6

Let me know if you'd like me to make any adjustments to these changes.

@gtheodoridis
Copy link
Collaborator

Cannot really understand this change, please elaborate, a screenshot of before and after would be appreciated.

@Ansh5748
Copy link
Contributor Author

after images already added in the pr message

before images
Screenshot 2025-02-24 040958
Screenshot 2025-02-24 040857

Changes

  • Keep headers visible while scrolling
  • Each header has clear spacing on both sides
  • Headers don't run into each other
  • Text is clearly readable
  • Table remains responsive when window is resized

Copy link
Contributor Author

@Ansh5748 Ansh5748 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Screenshot 2025-03-11 011249
Screenshot 2025-03-11 011301
Screenshot 2025-03-11 011314
Screenshot 2025-03-11 011332

// final updated header section

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 Table Header Formatting in Simplified Logs
2 participants