Make the Go-To-Top link better visible

Make the Go-To-Top link better visible

The Go-To-Top link that appears when a page exceeds the height of the window is currently a unique feature of Nimbus Note among note-taking apps and is very handy. Unfortunately, the icon is extremely small, making it tedious to click, and many users may not even notice it.
So I would suggest to make the icon for the "Go to top of the page" link larger. Currently the link icon (arrow-up) is 16 x 16 pixels, which makes that button uncomfortable to use, especially on larger screens.

I made the link a bit more visible for me by using CSS injection (which works for the web client and for public pages). The arrow is now 36 x 36 pixels.



CSS injection example:

  1. <style>
    svg-icon[icon="arrow-up"] {width: 36px; height: 36px;}
    note-text-emoji-toolbar > button > svg-icon[icon="icon-emoji"] {width: 36px; height: 16px;}
    note-text-scroll-to-top {padding-bottom: 10px;}
    </style>