improvement: browse libraries styles fixed

[benjakugler96]

I did some stylings changes in order to fix the "Brose Libraries" link button when the scrollbar appears.
The 17px padding is because of windows scroll width, so when the user see the scroll, its not on top of the link button.
You can appreciate in the gif below that when scrollbar expands in Mac OS, then the scrollbar is not on top of the link button.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/excalidraw/excalidraw/hycw33vf4
✅ Preview: https://excalidraw-git-fork-benjakugler96-link-styles.excalidraw.now.sh

[dwelle]

Thanks for the PR!

I tweaked the underlying JSX a bit, removing the <Stack> which seemed an overkill, plus it made styling harder. Removed row-reverse and moved the link below the buttons.

Removed the 17px padding — not sure if this was necessary for Mac's overlay scrollbar when you don't have a mouse connected. If so, we'll need to reintroduce. Can you check @benjakugler96?

[benjakugler96]

@dwelle seems good! The 17px is because of windows scroll too. This is how it looks in windows with out it

[dwelle]

That's weird, can't repro that:

I thought only Big Sur may be affected, which I can't test.

Anyway, I'll reintroduce the 17px for now, then.

[lipis]

can we make them 16px at least? 17 is prime :)

[dwelle]

can we make them 16px at least? 17 is prime :)

17px is the standard width of scrollbars. I made it 18px.

[dwelle]

Merging. Thanks @benjakugler96 ❤️