streaming-react-app/src/StreamingInterface.css

.app-wrapper-sra {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.main-container-sra {
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  margin: 16px;
  margin-bottom: 36px;
  border-radius: 8px;
  box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.05);
  min-height: 300px;
  /* max-height: 95vh; */
  /* max-width: 625px; */
  /* min-width: 580px; */
  overflow: hidden;
}

.top-section-sra {
  padding-top: 24px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.horizontal-padding-sra {
  padding-left: 20px;
  padding-right: 20px;
}

.header-container-sra {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
}

.header-icon-sra {
  display: block;
  margin-right: 12px;
}

.translation-text-container-sra {
  background-color: #f8f8f8;
  /* flex-grow: 1; make it expand to fill the available space */
  padding-top: 12px;
  padding-bottom: 4px;
}

.translation-text-sra {
  /* overflow-y: scroll; */
  /* max-height: 500px; */
}

.text-chunk-sra {
  margin-bottom: 12px;
}