{"action":"created","issue":{"url":"https://api.github.com/repos/almasaeed2010/AdminLTE/issues/432","labels_url":"https://api.github.com/repos/almasaeed2010/AdminLTE/issues/432/labels{/name}","comments_url":"https://api.github.com/repos/almasaeed2010/AdminLTE/issues/432/comments","events_url":"https://api.github.com/repos/almasaeed2010/AdminLTE/issues/432/events","html_url":"https://github.com/almasaeed2010/AdminLTE/issues/432","id":76868098,"number":432,"title":"Using boxes with and without solid header breaks responsive layout","user":{"login":"YasserHassan","id":9349772,"avatar_url":"https://avatars.githubusercontent.com/u/9349772?v=3","gravatar_id":"","url":"https://api.github.com/users/YasserHassan","html_url":"https://github.com/YasserHassan","followers_url":"https://api.github.com/users/YasserHassan/followers","following_url":"https://api.github.com/users/YasserHassan/following{/other_user}","gists_url":"https://api.github.com/users/YasserHassan/gists{/gist_id}","starred_url":"https://api.github.com/users/YasserHassan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/YasserHassan/subscriptions","organizations_url":"https://api.github.com/users/YasserHassan/orgs","repos_url":"https://api.github.com/users/YasserHassan/repos","events_url":"https://api.github.com/users/YasserHassan/events{/privacy}","received_events_url":"https://api.github.com/users/YasserHassan/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-05-15T21:46:57Z","updated_at":"2015-05-20T07:49:49Z","closed_at":null,"body":"Currently the outer box container (the DIV with class=\"box\") has different top and bottom borders. Without solid header, the top and bottom borders are 1px/1px. In the case of a regular header, the top and bottom borders are 3px/0 respectively. When both boxes are used in sequence in a responsive design, this can create a gap in the locations because of this 1px difference. A practical example is shown below, assume R = regular box, S = solid box.\r\n```\r\nR1 S1\r\n   S2\r\nS3 S4\r\n```\r\nNotice the gap below R1 whose height would be 1px more than S1 pushing S2 to the right under S1 instead of beneath R1 if the flow was normal."},"comment":{"url":"https://api.github.com/repos/almasaeed2010/AdminLTE/issues/comments/103799492","html_url":"https://github.com/almasaeed2010/AdminLTE/issues/432#issuecomment-103799492","issue_url":"https://api.github.com/repos/almasaeed2010/AdminLTE/issues/432","id":103799492,"user":{"login":"YasserHassan","id":9349772,"avatar_url":"https://avatars.githubusercontent.com/u/9349772?v=3","gravatar_id":"","url":"https://api.github.com/users/YasserHassan","html_url":"https://github.com/YasserHassan","followers_url":"https://api.github.com/users/YasserHassan/followers","following_url":"https://api.github.com/users/YasserHassan/following{/other_user}","gists_url":"https://api.github.com/users/YasserHassan/gists{/gist_id}","starred_url":"https://api.github.com/users/YasserHassan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/YasserHassan/subscriptions","organizations_url":"https://api.github.com/users/YasserHassan/orgs","repos_url":"https://api.github.com/users/YasserHassan/repos","events_url":"https://api.github.com/users/YasserHassan/events{/privacy}","received_events_url":"https://api.github.com/users/YasserHassan/received_events","type":"User","site_admin":false},"created_at":"2015-05-20T07:49:49Z","updated_at":"2015-05-20T07:49:49Z","body":"According to #437, we can ignore the responsive part and consequently I'm not sure if that 1 pixel difference would be an issue anymore. However, if you are seeking pixel-level perfection, go to the widgets example page and look at Firebug layout numbers of the boxes shown below. You'll find different top and bottom pixels with different total in each.\r\n![adminlte_3](https://cloud.githubusercontent.com/assets/9349772/7721155/737cb11e-fedd-11e4-99e6-0be264e71529.png)\r\n"}}