As a developer, I would like an example of how to place the toolbar at the top of the screen so that I can easily add a toolbar position switch to my settings (like Fenix)

[paidforby]

The reference browser defaults to placing the BrowserToolbar at the bottom of the screen. However, as a developer, I would like to allow user's to switch the position of the toolbar. I attempted doing this in what seems like the "right" way in a fork, see this commit, https://github.com/paidforby/reference-browser/commit/dc9656ebb8b085c155ebc902a397eb41e2e35708. But this results in two problems:

1. The top part of the engineView content is covered by the toolbar
2. When scrolling down the page, the toolbar hides as expected, but a margin pops up at the bottom of the screen, cutting off the bottom of the engineView content.

I will be satisfied if solutions are provided for these issues. Ideally, a simple switch preference should be added to the reference browser settings that changes the position of the toolbar for demonstrative purposes.