Fix Previous and Next buttons being cut off on History page in mobile view

[Copilot]

Issue

The Previous and Next pagination buttons on the History page were getting cut off at the bottom of the screen in Firefox, particularly in mobile view.

Changes

Made the following adjustments to ensure the pagination buttons are fully visible:

1. Increased padding at the bottom of the table wrapper:

   • Changed padding-bottom from 60px to 100px for mobile views
   • Added even more padding (120px) for screens with height < 700px

2. Enhanced visibility of pagination controls:

   • Increased z-index from 1000 to 1010 to ensure buttons appear above other elements
   • Added position: relative for proper stacking context
   • Added consistent background color to ensure text is readable

3. Improved mobile-sticky class styling:

   • Added z-index for better stacking
   • Added semi-transparent background to ensure good contrast
   • Fixed positioning issues in small screen height scenarios

These changes ensure the pagination buttons are fully visible and accessible while maintaining the design aesthetic of the application.

Fixes #470.

Warning

Firewall rules blocked me from connecting to one or more addresses

I tried to connect to the following addresses, but was blocked by firewall rules:

• gyazo.com
  • Triggering command: curl -s REDACTED (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to my firewall allow list

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.