cocalc
cocalc copied to clipboard
Decrease the size of quota setting modal
In general - it is highly preferable to have modals fit on the screen, so that everything can be seen and understood at once. Especially so when there is very little actual information in them.
On the recent training call - the modal to set monthly quota for upgrades or for AI did NOT fit on the screen (probably a laptop and maybe with a bigger than typical zooming, but still - there was plenty of space on the screen). The result - user confusion after entering the quota and pressing a button next to it to save the value. It was necessary to scroll down past huge areas occupied by "Add money" and "Minimum account balance" to "OK" button in the bottom right corner.
"Obvious" solutions:
- Decrease the size of elements and especially padding. I realize, however, that it may be tricky to do with the UI library interface since it controls many sizes automatically.
- Decrease the number of elements visible. Minimum account balance can safely go. Balance and adding money probably have to stay, but maybe they can be rearranged to take less space, especially vertically.
In general regarding "global UI" (whatever this is): there is a global setting beyond just zooming out (what should be the first thing to try): Account Settings → Theme → Compact design. It's a bit incomplete, but definitely goes into the direction of increasing the information density on smaller screens.