Describe the bug
In WorkBench Data Mapping, when browser width is below 1018px, the Save button starts to get cut off. At half width, the Save button is no longer visible. Making the browser width even smaller makes 4 buttons (Must Match, Validate, Cancel, and Save) all cut off.
Also, at browser width < 640px, the Add New Column button and Reveal Hidden Form Fields checkmark move up right underneath the Field Mapper instead of staying at the bottom of the page. Was this intentional?
With navigation bar expanded, resize browser width to <1018px to see Save button being cut off
Resize browser width smaller to see multiple buttons completely cut off
Expected behavior
Buttons in a row should not cut off, but adjust to the smaller width. There should be another row beneath the initial row with the buttons that do not fit within the browser size.
Describe the bug In WorkBench Data Mapping, when browser width is below 1018px, the Save button starts to get cut off. At half width, the Save button is no longer visible. Making the browser width even smaller makes 4 buttons (Must Match, Validate, Cancel, and Save) all cut off.
Also, at browser width < 640px, the Add New Column button and Reveal Hidden Form Fields checkmark move up right underneath the Field Mapper instead of staying at the bottom of the page. Was this intentional?
To Reproduce
Expected behavior Buttons in a row should not cut off, but adjust to the smaller width. There should be another row beneath the initial row with the buttons that do not fit within the browser size.
Evidence
https://github.com/specify/specify7/assets/118556884/ac2cbc4b-cf80-48b0-b038-570fb7326beb
OS: macOS Monterey (12.6.5) Browser: Chrome Specify 7 Version:
edge
Database Name:umherb_1_10_24
Specify 7 System Information - 2024-05-13T19_38_53.973Z.txt