unitaryfund / metriq-app

Web app for Metriq
https://metriq.info
Apache License 2.0
28 stars 19 forks source link

Text formatting/positioning of buttons on Quantum volume QED-C benchmarks page #877

Closed Misty-W closed 11 months ago

Misty-W commented 1 year ago

Text formatting/positioning of "Export to CSV" and "Download to..." buttons of Quantum volume QED-C benchmarks needs cleanup.

See screenshot:

image

WrathfulSpatula commented 11 months ago

We did take a look at the responsive design: this is about the absolute worst I can get the view looking on my screen, attached.

Misty, is the text still running off the edge of the "Export to CSV" button?

(It's a 12-count column increment system, underlying the front end, and the worst case of the view looks "acceptable" to me, below, because it's a toss up between whether incrementing the column size by 1/12 or keeping it is better.)

Screenshot from 2023-12-21 10-19-12

Misty-W commented 11 months ago

hi @WrathfulSpatula thanks for looking into this! Yes on Chrome and Safari I still see the text running off the buttons. It can probably be inferred that it's supposed to say "download to CSV", but the file format is cut off from the "Export to" button, which could be confusing.
Is smaller text a viable option?

WrathfulSpatula commented 11 months ago

Misty, simplest and least invasive solution seems nonetheless, by now, to adjust the column increments (for smaller screens and windowed views) by 1. Thanks for raising it to my attention! It'll be on production, today.