{"action":"created","issue":{"url":"https://api.github.com/repos/apache/couchdb-fauxton/issues/532","labels_url":"https://api.github.com/repos/apache/couchdb-fauxton/issues/532/labels{/name}","comments_url":"https://api.github.com/repos/apache/couchdb-fauxton/issues/532/comments","events_url":"https://api.github.com/repos/apache/couchdb-fauxton/issues/532/events","html_url":"https://github.com/apache/couchdb-fauxton/pull/532","id":107606119,"number":532,"title":"Convert headers to use flexbox","user":{"login":"benkeen","id":512116,"avatar_url":"https://avatars.githubusercontent.com/u/512116?v=3","gravatar_id":"","url":"https://api.github.com/users/benkeen","html_url":"https://github.com/benkeen","followers_url":"https://api.github.com/users/benkeen/followers","following_url":"https://api.github.com/users/benkeen/following{/other_user}","gists_url":"https://api.github.com/users/benkeen/gists{/gist_id}","starred_url":"https://api.github.com/users/benkeen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/benkeen/subscriptions","organizations_url":"https://api.github.com/users/benkeen/orgs","repos_url":"https://api.github.com/users/benkeen/repos","events_url":"https://api.github.com/users/benkeen/events{/privacy}","received_events_url":"https://api.github.com/users/benkeen/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-09-21T21:50:43Z","updated_at":"2015-09-25T16:52:32Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/apache/couchdb-fauxton/pulls/532","html_url":"https://github.com/apache/couchdb-fauxton/pull/532","diff_url":"https://github.com/apache/couchdb-fauxton/pull/532.diff","patch_url":"https://github.com/apache/couchdb-fauxton/pull/532.patch"},"body":"This removes the old .fixed-header class on the header/div\r\nelement in the templates and cleans up the CSS a bit to use\r\nflexbox to layout the subelements.\r\n\r\nN.B. In fixing this I also tweaked the active tasks header\r\nto reduce the height a little (it was affected at one point)"},"comment":{"url":"https://api.github.com/repos/apache/couchdb-fauxton/issues/comments/143278672","html_url":"https://github.com/apache/couchdb-fauxton/pull/532#issuecomment-143278672","issue_url":"https://api.github.com/repos/apache/couchdb-fauxton/issues/532","id":143278672,"user":{"login":"michellephung","id":836039,"avatar_url":"https://avatars.githubusercontent.com/u/836039?v=3","gravatar_id":"","url":"https://api.github.com/users/michellephung","html_url":"https://github.com/michellephung","followers_url":"https://api.github.com/users/michellephung/followers","following_url":"https://api.github.com/users/michellephung/following{/other_user}","gists_url":"https://api.github.com/users/michellephung/gists{/gist_id}","starred_url":"https://api.github.com/users/michellephung/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/michellephung/subscriptions","organizations_url":"https://api.github.com/users/michellephung/orgs","repos_url":"https://api.github.com/users/michellephung/repos","events_url":"https://api.github.com/users/michellephung/events{/privacy}","received_events_url":"https://api.github.com/users/michellephung/received_events","type":"User","site_admin":false},"created_at":"2015-09-25T16:52:32Z","updated_at":"2015-09-25T16:52:32Z","body":"Hi Ben,\r\n\r\nSo originally, I put the dark grey tab-header part a little longer so that at smaller widths the polling will have a space to move into, ala:\r\n![screen shot 2015-09-25 at 12 41 41 pm](https://cloud.githubusercontent.com/assets/836039/10106542/51fd6686-6383-11e5-93ed-2c2691d3c23b.png)\r\n\r\nI'll admit it did look a little weird, when full screen, but I wasn't sure what to do. \r\nWith this PR, at smaller widths, the header will look like this:\r\n![screen shot 2015-09-25 at 12 47 25 pm](https://cloud.githubusercontent.com/assets/836039/10106598/a045e962-6383-11e5-9cf0-ded9f1fa2501.png)\r\n\r\nSo the polling part will run into the sidebar, a little too close.\r\n\r\nThe snippet I pasted above makes the polling widget a bit smaller, and gives a bit of padding so that the loading lines aren't on top of the sidebar:\r\n![screen shot 2015-09-25 at 1 12 36 am](https://cloud.githubusercontent.com/assets/836039/10106630/c9ee5614-6383-11e5-9b5e-245b01eda370.png)\r\n\r\nNormal sized, everything looks pretty much the same. :D\r\n\r\nI thought your intention was to move the polling widget over the title, which I think is a good idea!\r\n\r\n\r\n"}}