Bigger Tags in Atom Editor

atom-styles.less

.tab-bar {
  height: 45px;
}

.tab-bar .tab {
  height: 45px;
  padding-right: 32px;
}

.tab-bar .tab:hover {
  padding-right: 32px;
}

.tab-bar .tab, .tab-bar .tab.active  {
  font-size: 14px;
  line-height: 3.2;
}

.tab-bar .tab.active, .tab-bar .tab.active:before  {
  line-height: 3.2;
  height: 45px;
}


.tab-bar .tab .close-icon::before {
  font-size: 17px;
  width: 17px;
  height: 17px;
}

.tab-bar .tab .close-icon,
.tab-bar .tab.active .close-icon,
.tab-bar .tab.modified .close-icon {
  line-height: 3.2;
  right: 10px;
}

.tab-bar .tab.modified:not(:hover) .close-icon {
  line-height: 3.2;
  top: 17px;
  right: 17px;
  width: 10px;
  height: 10px;
}

.tab-bar .tab.modified:hover .close-icon {
  right: 10px;
}

.tab-bar .tab:hover .close-icon {
  cursor: pointer;
}