UI Usability is significantly impacted by padding

  • Community Build v25.6.0.109173
  • Running via docker command line locally for PoC testing
  • I am evaluating the app to replace our current manual scanning solutions

I am having a very difficult time recommending the app. Our current flow is to use our own internal tools to create spreadsheet reports for engineers to review the state of their projects. See my screenshot below. The information density throughout the experience is extremely low. Is there a way to eliminate all of the padding illustrated by the yellow lines? This is present on virtually every page in the webapp.

It is not a great user experience having to scroll on almost every screen due to such low density. The orange box represents the only portion of the screen showing something of meaning to the user. The screen is probably only 15-20% utilized to display actual project information. Are there plugins or other modifications that can be done? I understand that UI trends are highly in favor of adding padding, but it is more likely my users will want raw database access to load information into excel & bypass the app entirely.

Hi,

Thanks for the feedback. We have plans to rework the layouts and navigations flows in the coming months but that probably won’t make a huge difference in terms of how we use padding and whitespaces. And removing whitespaces entirly is not something we are planning to change in the product itself. And we don’t plan on providing an option to reduce the padding either.

But there are a few things you can try:

  • Use a browser extension like Stylish to customize your experience, with 3 css lines you could get something like this, and probably something nicer with a bit more work:

  • Or, if you really are only interested in the data, you can actually use the API to fetch what you need and then tranform it the way you want and/or feed it to your spreadsheets. You could also probably automate the whole thing.