#view-tasks.active {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}

#view-tasks .tasks-full-width {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#view-tasks .tasks-board-wrap {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 8px;
}

#view-tasks .tasks-board {
  height: 100%;
  min-height: 0;
  align-items: stretch;
}

#view-tasks .task-column {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

#view-tasks .task-column-head {
  flex: 0 0 auto;
}

#view-tasks .task-column-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: auto;
  padding-right: 2px;
  scrollbar-width: thin;
}