[Suggestion]Tabs_on_Bottom about firefox-csshacks HOT 3 CLOSED

 #TabsToolbar {
  position: absolute !important;
  display: block !important;
  bottom: -2px !important;
  width: 100vw !important;
  border-bottom: none !important;
}
#tabbrowser-tabs {
  width: 100vw !important;
  margin-bottom: -1px !important;
  /* tabs gib me some space at left|right screen */
  -moz-margin-start: 4px !important;
  -moz-margin-end: 4px !important;
}

:root {
  --tab-min-height: 32px !important;
}
:root[uidensity="compact"] {
  --tab-min-height: 28px !important;
}
:root[uidensity="touch"] {
  --tab-min-height: 40px !important;
}

/* tab height */
#tabbrowser-tabs,
#TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button),
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(0px + var(--tab-min-height)) !important;
}
.tabbrowser-tab {
  min-height: var(--tab-min-height) !important;
  border: none !important;
  -moz-box-sizing: border-box !important;
}