The breakpoint gutter does not line up with the editor line

[jasonLaster]

Here's a good screenshot that illustrates where the gutter is slightly shorter than the line.

[monicau]

Hi Jason, I don't see any "first-timers-only" issues open at the moment. Can I grab this one?

[wldcordeiro]

@monicau Feel free to jump on this, the difficulty: easy tag generally means it is safe for first-timers as well, (speaking of the first-timers label, it might be worth removing in favor of just the easy label or renaming it 'very easy'? I don't like giving people the impression issues are for a group only, even if its to help newer contributors). Feel free to ask any questions.

[jlongster]

Can't repro. When filing bugs, please state which browser and version you are using.

[jasonLaster]

Thanks @monicau.

Sorry @jlongster, I saw this in Chrome.

[monicau]

I modified the CSS to fix the gutter height, I also realigned the breakpoint svg arrow which also wasn't the same height as the line number highlighting. When doing the unit tests, there were some warnings. Is it something on my end?

[wldcordeiro]

@monicau Those aren't caused by you, they're appearing currently in master. I just read through your branch and since you have only CSS changes the only issues you would cause would be in npm run lint-css 👍

[monicau]

Thanks, that makes sense! I created a pull request.

[jasonLaster]

Thanks @monicau. I just created an issue for cleaning this up :)

#886