Making logs more readable on the UI

[ken-drsq]

Why

Some flows' logs can be quite long. The current UI does 2 things that limits the readability of these logs:

1. Logs aren't space efficient. Each line of logs is displayed in a large block with huge padding. This heavily limits the number of lines of logs that could be viewed at once on screen.
2. The number of lines of logs that can be scrolled through and read is quite limited before a user is forced to load older/newer logs. And even when loading older/newer logs, the currently loaded logs gets unloaded so you are unable to scroll through more than X number of lines of logs at once.

The best current workaround for this is to download the logs, but doing this introduces an extra step in the workflow that could be time consuming

What

To make logs more space efficient:

• Adjust each line of logs to have less padding such that more lines of logs can be viewed on screen at once

To address limited scrollable logs:

• Have it so that all lines of logs are loaded at once, so users won't need to use the 'load older/newer logs' button at all OR
• Have it so that when you click 'load older/newer logs', the previously loaded logs would remain loaded