src/responsive-fixes.css

.lab-log {
  overflow-x: hidden;
}

.record-head,
.record-title,
.record-summary {
  min-width: 0;
}

.record-summary {
  overflow-wrap: anywhere;
}

@media (max-width: 560px) {
  .record-head,
  .record-title {
    width: 100%;
    max-width: 100vw;
  }

  .record-title > p:first-child {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .record-title > p strong {
    max-width: 100%;
    margin-left: 0;
    white-space: normal;
  }

  .record-summary {
    width: calc(100vw - 72px);
    max-width: calc(100vw - 72px);
    word-break: break-all;
  }
}