Skip to content

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