style: scrollable tables

Jacky Zhao

2023-11-11 50a87d0d8673dbce6ebafef83f71f197df9bc196

 quartz/styles/base.scss

@@ -390,23 +390,33 @@
  line-height: 1.6rem;
}

table {
  margin: 1rem;
  padding: 1.5rem;
  border-collapse: collapse;
  & > * {
    line-height: 2rem;
.table-container {
  overflow-x: auto;

  & > table {
    margin: 1rem;
    padding: 1.5rem;
    border-collapse: collapse;

    th,
    td {
      min-width: 75px;
    }

    & > * {
      line-height: 2rem;
    }
  }
}

th {
  text-align: left;
  padding: 0.4rem 1rem;
  padding: 0.4rem 0.7rem;
  border-bottom: 2px solid var(--gray);
}

td {
  padding: 0.2rem 1rem;
  padding: 0.2rem 0.7rem;
}

tr {