[data-component~="views/flashcards/index"] {
  form {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    input {
      flex-grow: 1;
    }
  }
  [data-component~="components/list_group_item"] {
    display: flex;
    flex-direction: column;
    @media (width >= 640px) {
      flex-direction: row;
    }
    [data-component~="components/date_time"] {
      display: inline-block;
      text-align: left;
      @media (width >= 640px) {
        margin-left: auto;
        text-align: right;
      }
    }
  }
}