Scroll bar

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;