11

Problems:

  1. Vertical Tabs layout is too densed, which is especially conspicuous when hovering a tab above or below the active tab.
  2. New Tab (+) button is kinda "floating" out of place, visually unrelated to anything that happens in sidebar.

Proposed solutions:

  1. Add a 4px top marign on each tab
  2. Make a New Tab button look like tabs themselves

This way, it should be easier to scan and click tabs, and with + button labeled, it should be clear and intuitive what will happen on click. It's also more beautiful to look at.

    If you feel like 4px margin is too much, even the 2px margin can go a long way.

    On a second look, maybe it looks even better:

    It should also have an impact on vertical space when there're dozens of tabs opened 😃

    Not sure if this should be a separate discussion, but I don't want to overwhelm the forum.

    These are indentation improvements:

    1. Indent space is larger, a Favicon aligns with the parent Tab Title. It's a lot easier to quickly scan and see where are the tabs coming from.
    2. There are no permanently visible arrows on the left side of favicons. This prevents tabs from jumping right-and-left when you want to open just one child (and then all of the tabs suddently shift to the right).
    3. The number next to the collapsed tab, that indicates how many child tabs are there, is moved next to the Tab Title.
    4. When you hover the parent tab, favicon becomes a chevron trigger, so you can collapse children.

    BONUS: Favicons have 2px border-radius, making them fit into the UI more nicely.

    Great suggestions, thanks

    No one is typing