Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to increase tab spacing on top in Atom?

The picture attached shows the problem. Picture showing 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?

like image 992
Tejit Pabari Avatar asked Jun 12 '16 10:06

Tejit Pabari


People also ask

How do you show tabs and spaces in an Atom?

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.

How do you fix the indentation of an Atom?

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 .

How do you split the screen on an Atom?

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.


2 Answers

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.

like image 138
Simon Jentsch Avatar answered Sep 28 '22 00:09

Simon Jentsch


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

like image 43
Fab313 Avatar answered Sep 27 '22 23:09

Fab313