Adapt UX of Nextcloud

[stefan-niedermann]

For a better visual integration in the Nextcloud ecosystem I'd like to propose following adjustments:

Sidebar

NCDownloader

Contacts & Deck

• Use the same colored circle size as in Deck on the left size
• Use the same counter on the right size as in Contacts

Error messages

NCDownloader

Notes

• Use the same popup mechanism as the Notes app for displaying errors in the right top corner, with the corresponding colors

Buttons

For the configuration (left buttons)

• Use a dropdown for the type - less space consuming (especially for mobile) and signalizes more kind of a selection / a selectable value
• Or use secondary buttons as described in the Nextcloud Design Guide

For the submit part (right buttons)

• Either use a primary button or an inline button:

The destination location button should have the same monochrome icon as Deck and other apps use for similar scenarios:

Hope this wasn't overwhelming, but I see a lot of potential and I'd like to see a better integration into Nextcloud itself :)

[stefan-niedermann]

PS.: some resources:

• Nextcloud Design Guide
• Nextcloud Vue Components