daily-planner {
  display: block;

  .backlog-buttons,
  .no-tasks-info,
  .md-title,
  .md-headline {
    text-align: center;
  }

  .search {
    margin-bottom: 0;
    .md-errors-spacer {
      display: none;
    }
  }

  .add-task-bar-wrapper {
    max-width: $component-max-width;
    margin: 20px auto;

    add-task-bar {
      flex-grow: 1;
    }
  }

  .add-task-form {
    backface-visibility: hidden;
    transform: translateZ(0);

    [ui-view].ng-enter & {
      // only start after view is complete
      animation: none;
    }

    ng-md-icon {
      width: 32px;
      height: 32px;
    }
  }

  .highlight-add-task-icon {
    margin-right: 10px;
  }
}
