[data-component="nav"] {
  height: 26px;
  overflow: hidden;
}

[data-component="nav"] a {
  display: inline-block;
  text-decoration: none;
  padding: 5px 8px;
  color: #111;
  overflow: hidden;
  text-align: center;
  border: 0;
  background: transparent;
}

[data-component="nav"] a:hover {
  background: #D5D5D5;
}

[data-component="nav"] .task {
  box-sizing: border-box;
}

[data-component="nav"] .task.current {
  padding: 4px 7px 5px;
  border: 1px solid #ccc;
  border-bottom: 0;
}

[data-component="nav"] .toHome {
  padding: 4px 8px;
  display: block;
  width: 60px;
  float: left;
}

[data-component="nav"] .add {
  background: none;
  border-bottom: none;
}

[data-component="nav"] .add-task,
[data-component="nav"] .add-terminal  {
  float: right;
}