Graphical inconsistencies in the sidebar’s buttons and menu

ForeverAl

Previously mentioned in Kagi’s Community Discord, there are improvements that can be made to the sidebar menu.

Here is what it looks like right now with red lines to show margins.

Here’s what I expect:

The first tab should be raised up to be flushed with the borders of the address bar.
The “Back” button should be raised up to be in-line with the tabs group button (the picture shows Private but this issues applies to both private and regular tabs).

• Currently, the back button is flushed with the bottom of the plus (+) button. This should not happen. Instead it should be in line with the tabs group button which is in-line with the cross-section of the plus (+) button.

1.3.24 (1) (WebKit 8621.2.5.10.10)

jeanetienne

Hi ForeverAl and ForeverAl, thank you for taking the time to report this issue!

I've worked on the alignment, it's been bugging me for a while too, thanks for raising this ticket.
However I've found that although it would be visually pleasing, aligning the bottom-most tab with the top of the address bar doesn't really make sense visually. In my opinion they are separate components, in separate contexts, they don't have to align.

Thank you for your help in making Orion a better browser!

flyespresso

This would be great! Agreed on the back button layering–