clarify transcript

3 files changed, 17 insertions, 5 deletions

diff --git a/animism-align/frontend/app/views/paragraph/paragraph.css b/animism-align/frontend/app/views/paragraph/paragraph.css
index 10ace9e..d676df3 100644
--- a/animism-align/frontend/app/views/paragraph/paragraph.css
+++ b/animism-align/frontend/app/views/paragraph/paragraph.css
@@ -33,12 +33,12 @@
 
 .paragraphs .intro_paragraph {
   font-size: 18px;
-  line-height: 28px;
+  line-height: 1.5;
 }
 
 .paragraphs .paragraph {
   font-size: 16px;
-  line-height: 24px;
+  line-height: 1.5;
 }
 
 .paragraphs .blockquote {
@@ -50,8 +50,11 @@
 }
 
 .paragraphs .pullquote {
-  padding-left: 3rem;
+  border-left: 2px solid #ddd;
+  padding-left: 2rem;
+  font-size: 20px;
 }
+
 .paragraphs .pullquote_credit {
   display: block;
   margin-top: 1rem;
diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css
index 8426c8c..f34da4a 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -75,7 +75,8 @@
 }
 
 .player-transcript .big_text,
-.player-transcript .blockquote {
+.player-transcript .blockquote,
+.player-transcript .pullquote {
   font-family: "Freight Text", serif;
   font-size: 3rem;
   line-height: 1.28;
@@ -86,6 +87,13 @@
   /*padding-right: 2rem;*/
   /*line-height: 1.45;*/
 }
+.player-transcript .pullquote_credit {
+  display: block;
+  margin-top: 2rem;
+}
+.player-transcript .pullquote_credit:before {
+  content: '—';
+}
 
 /* sentences */
 
@@ -137,6 +145,7 @@
   left: -5.5rem;
 }
 .paragraph.blockquote .speaker-icon,
+.paragraph.pullquote .speaker-icon,
 .paragraph.big_text .speaker-icon,
 .paragraph.intro_paragraph .speaker-icon {
   top: -0.75rem;
diff --git a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
index 1533bb6..4ef47b9 100644
--- a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
@@ -131,7 +131,7 @@ class Transcript extends Component {
         <div
           className='content'
           ref={this.containerRef}
-          onMouseWheel={this.handleMouseWheel}
+          onWheel={this.handleMouseWheel}
         >
           <ParagraphList
             paragraphs={paragraphs}