913573 - CSS alignment issues in the new thimble user bar

Status: RESOLVED FIXED

(Webmaker Graveyard :: Thimble, defect)

Description

[Pomax]

Attachment: http://i.imgur.com/tQvObTc.png

Loading up the new thimble master in Chrome reveals a number of misalignments that we'll need to fix before we can push to prod. The linked image has several elements misaligned vertically ("eye" and "pencil" icon sit too high, the "sign out" text is too low, and the content panels seem to have a gap between the user/tool bar, and the actual HTML/preview panes.

Comment 1

[inactivate account for kate]

Attachment: https://github.com/mozilla/thimble.webmaker.org/pull/211

Starting to merge some of the friendlycode stuff back in

Comment 2

[Pomax]

Comment on attachment 800924 [details] [review]
https://github.com/mozilla/thimble.webmaker.org/pull/211

Still seeing the vertical gap in both Chrome and FF:

- http://i.imgur.com/rsBriaF.png
- http://i.imgur.com/YlnOX1N.png

Comment 3

[inactivate account for kate]

Comment on attachment 800924 [details] [review]
https://github.com/mozilla/thimble.webmaker.org/pull/211

Forgot to remove the link to the removed css file

Comment 4

[Pomax]

Comment on attachment 800924 [details] [review]
https://github.com/mozilla/thimble.webmaker.org/pull/211

nice!

Comment 5

[[github robot]]

Commit pushed to master at https://github.com/mozilla/thimble.webmaker.org

https://github.com/mozilla/thimble.webmaker.org/commit/ca23aafc6a7fcfa4b02e45664608f54948d8d1d4
bug 913573: Update header CSS