fliegendewurst.eu/content/blog/tree-style-tabs-new-tab-button-bottom.md

+++ title = "Fixing the position of TST's new tab button" date = 2023-07-30 +++

Here you can learn how to change the position of the new tab button for the Tree Style Tab browser extension. With this change, the new tab button is always at the bottom of the tab tree. Opening a new tab with the mouse is then as simple as clicking at the bottom left of the screen. No more aiming at a 20 pixels high region below the last opened tab!

Simply add the CSS code below to TST's custom style option ("Advanced" > "Extra style rules for contents provided by Tree Style Tab").

#tabbar .after-tabs {
  display: none;
}

#tabbar ~ .after-tabs {
  display: flex !important;
}

:root {
  --after-tabs-area-size: 20px !important;
}