bbc / react-transcript-editor

A React component to make correcting automated transcriptions of audio and video easier and faster. By BBC News Labs. - Work in progress

Home Page:https://bbc.github.io/react-transcript-editor

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

`TimedTextEditor` Text centre aligned in mobile view

pietrop opened this issue · comments

Describe the bug

To Reproduce
Steps to reproduce the behaviour:

  1. Go to Storybook demo app
  2. Click on load demo
  3. Click on screen size icon and chose iphone 6
  4. Scroll down to see TimedTextEditor
  5. See error, text is centred align

Expected behavior

Expect text to be aligned to the left.

Screenshots

Screen Shot 2019-04-15 at 16 39 40

Desktop (please complete the following information):

  • OS: Mac, OS X, Storybook - iPhone6 view
  • Browser : Chrome

Additional context

Seems to be caused by /demo/index.module.css under

/* phone */
@media (max-width: 767px) {
  body {
    padding: 0;
    text-align: center;
  }
...

Which is effecting the all of the page, if commenting out text-align: center; then error goes away.

Screen Shot 2019-04-15 at 16 50 00

closing as fixed in #175 PR soon to be merged into master.