diff --git a/web/src/Results.scss b/web/src/Results.scss index 5ef6f19..d2a2299 100644 --- a/web/src/Results.scss +++ b/web/src/Results.scss @@ -6,7 +6,8 @@ justify-content: flex-start; align-items: center; - width: 100%; + // width: 100%; + align-self: flex-start; padding: 0.5em; box-sizing: border-box; @@ -32,7 +33,7 @@ .result_content { display: flex; flex-direction: row; - justify-content: space-between; + justify-content: flex-start; flex-wrap: wrap; padding: 0.25em 0.5em; @@ -43,16 +44,20 @@ .transcript { flex-grow: 1; flex-shrink: 4; - max-width: 5.5in; + max-width: 6.5in; flex-basis: 2in; + max-height: 2in; + overflow-y: scroll; + scrollbar-width: thin; + padding: 0.25em 0.5em; margin: 3px; background-color: constants.$dark_gray; .transcript_line_speakers { - font-weight: bold; + font-weight: 800; font-size: small; margin: 0.75em 0em 0.25em 0em; @@ -73,9 +78,13 @@ .chat { flex-grow: 1; flex-shrink: 1; - max-width: 5.5in; + max-width: 6.5in; flex-basis: 2in; + max-height: 2in; + overflow-y: scroll; + scrollbar-width: thin; + padding: 0.25em 0.5em; margin: 3px;