diff -r 18f0c3ee9aa5 -r eba9edbd8f46 cms/app-client/app/styles/components/transcript-component.scss --- a/cms/app-client/app/styles/components/transcript-component.scss Thu Aug 18 17:02:02 2016 +0200 +++ b/cms/app-client/app/styles/components/transcript-component.scss Sun Aug 21 13:51:22 2016 +0200 @@ -57,6 +57,7 @@ .transcript-component .transcript .sentence.active { background-color: $grey-blue; color: $light-white; + pointer-events: none; } .transcript-component .transcript .sentence .words { @@ -119,6 +120,7 @@ } .transcript-component .transcript .sentence.active .fa-play { + pointer-events: all; border-color: $light-blue; color: $light-blue; opacity: 1; @@ -131,4 +133,20 @@ .transcript-component .transcript .sentence p { margin: 0; line-height: 24px; +} + +.transcript-component .transcript .sentence .speaker { + font-weight: bold; +} + +.transcript-component .transcript .sentence .title { + float: right; + line-height: 24px; + padding-left: 20px; + color: $grey-blue; + font-weight: bold; +} + +.transcript-component .transcript .sentence.active .title { + color: $light-white; } \ No newline at end of file