@media (max-width: 640px) {
  .task-item-display { flex-wrap: wrap; row-gap: 4px; }
  .task-item-display__main { flex: 1 1 100%; min-width: 0; }
  .task-item-display__actions { flex: 1 1 100%; justify-content: flex-start; padding-left: 30px; opacity: 1 !important; }
  .task-item-display__actions > button.opacity-0 { display: none; }
}