The picture attached shows the problem.
As you can see from the picture, the tabs are clustered together.
How can I space them out so that they spread out evenly in the entire space?
To display spaces, tabs and linebreaks in Atom, you'll need to go to “Settings” -> “Editor” and then scroll down until you find the “Show Invisibles” option.
Highlight the lines of code you want to re-indent, and activate the re-indent command either through the command palette ( ctrl-shift-p ) or by using the keybinding ctrl-shift-r .
You can split any editor pane horizontally or vertically by using Ctrl+K Up/Down/Left/Right where the direction key is the direction to split the pane. Once you have a split pane, you can switch between them with Ctrl+K Ctrl+Up/Down/Left/Right where the direction is the direction the focus should move to.
You have to edit the custom stylesheet. In the menu bar go to "Atom" > "Stylesheet..." and copy this into the custom stylesheet file:
.tab-bar .tab {
flex-grow: 1 !important;
max-width: none;
}
After saving the tabs should spread.
This is a better solution: Go to Settings > Themes > theme settings (the gear icon next to the UI theme dropbox) and use the Tab Sizing option
source: https://discuss.atom.io/t/the-tabs-got-shorter-in-v1-8-0-what-happened-how-do-i-go-back/29791
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With