:host {
  display: block;
  width: 100%;
  // padding: 12px 0;
}
.task-row {
  border-bottom: 1px solid #e5e5e5;
  padding: 24px 10px 0 10px;
  // margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  &.is-editing {
    box-shadow: inset 1px 1px 8px 2px rgba(59, 130, 246, 0.3);
  }
  &.is-new {
    box-shadow: inset 1px 1px 8px 2px rgba(34, 197, 94, 0.3);
  }
}
.action-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  width: 144px;
}
