padding and stuff

1 files changed, 5 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.js b/animism-align/frontend/app/views/viewer/player/player.transcript.js
index a5e4d12..44c5bb2 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.js
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.js
@@ -56,10 +56,13 @@ class PlayerTranscript extends Component {
   }
 
   render() {
-    const { paragraphs, color } = this.props.section
+    const { paragraphs, color, inlineParagraphCount } = this.props.section
+    const className = "player-transcript " + color + " " + (
+      inlineParagraphCount > 2 ? 'scrollable' : ''
+    )
     return (
       <div
-        className={"player-transcript " + color}
+        className={className}
         ref={this.containerRef}
         onScroll={this.handleScroll}
       >