@media(max-width:620px){
  .planning-history,
  .planning-history-layout,
  .planning-history-detail,
  [data-history-detail]{min-width:0;max-width:100%}
  .planning-history-context{
    width:100%;
    max-width:100%;
    min-width:0;
    grid-template-columns:repeat(7,115px);
    overflow-x:auto;
    padding-bottom:5px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch
  }
}