CT/src/View/Components/fileBrowser.css

.file-browser {
  width: 100%;
  height: 100%;

  display: flex;

  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}

.file-browser > div {
  display: flex;
  flex-direction: column;

  width: 100%;
  min-width: 100%;
  flex: 0;

  scroll-snap-align: center;
}

.file-browser .scroll-area {
  flex: 1;
  width: 100%;
  height: 100%;
  overflow-y: auto;

  padding: var(--content-padding);
}

.file-browser .detail-button-wrapper {
  display: flex;
  justify-content: end;

  border-top: 1px solid var(--border);
  padding: var(--content-padding);
}

.file-browser .detail-button-wrapper button {
  max-width: 100%;
}

.file-browser code {
  width: 100%;
  height: 100%;
}

@media (min-width: 640px) {
  .file-browser > div {
    width: 50%;
    min-width: 50%;

    flex: 1;
  }

  .file-browser .detail-button-wrapper {
    display: none;
  }
}