{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/15840","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/15840/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/15840/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/15840/events","html_url":"https://github.com/twbs/bootstrap/issues/15840","id":58128830,"number":15840,"title":"Input group addons are misaligned/mismatched height","user":{"login":"troywarr","id":798770,"avatar_url":"https://avatars.githubusercontent.com/u/798770?v=3","gravatar_id":"","url":"https://api.github.com/users/troywarr","html_url":"https://github.com/troywarr","followers_url":"https://api.github.com/users/troywarr/followers","following_url":"https://api.github.com/users/troywarr/following{/other_user}","gists_url":"https://api.github.com/users/troywarr/gists{/gist_id}","starred_url":"https://api.github.com/users/troywarr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/troywarr/subscriptions","organizations_url":"https://api.github.com/users/troywarr/orgs","repos_url":"https://api.github.com/users/troywarr/repos","events_url":"https://api.github.com/users/troywarr/events{/privacy}","received_events_url":"https://api.github.com/users/troywarr/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/twbs/bootstrap/labels/css","name":"css","color":"563d7c"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-02-18T21:12:46Z","updated_at":"2015-09-05T17:58:04Z","closed_at":"2015-02-18T22:59:06Z","body":"Input group addons render at a mismatched height, or are horizontally misaligned with the adjacent input fields (such that a double border is visible). This appears to affect both the `input-group-addon` and `input-group-btn` classes, with various types of text/icon content within the addons.\r\n\r\n### To reproduce:\r\n\r\n1. In Chrome/Mac v40.0.2214.111, visit http://getbootstrap.com/components/#input-groups\r\n1. Scroll down to the examples under the \"Basic example,\" \"Sizing,\" \"Button addons,\" \"Buttons with dropdowns,\" or \"Segmented buttons\" headings\r\n\r\n### Results:\r\n\r\nThe examples in these sections shown misalignment in the addons. This occurs in my project as well (not just the Bootstrap docs), and the addons don't appear to be picking up any styling beyond what comes out of the box in Bootstrap.\r\n\r\nThis issue may be related to #10936, although that appears to concern Glyphicon content. This issue is not limited to that.\r\n\r\n### Screenshots:\r\n\r\n![components_ _bootstrap 2](https://cloud.githubusercontent.com/assets/798770/6256747/387da234-b780-11e4-8524-115310ef3066.png)\r\n![components_ _bootstrap 3](https://cloud.githubusercontent.com/assets/798770/6256746/387d5c02-b780-11e4-9a31-5ac24db42d42.png)\r\n![components_ _bootstrap](https://cloud.githubusercontent.com/assets/798770/6256748/387fc492-b780-11e4-9c41-6ff5c3bb261b.png)\r\n"},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/137981490","html_url":"https://github.com/twbs/bootstrap/issues/15840#issuecomment-137981490","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/15840","id":137981490,"user":{"login":"orrd","id":1679897,"avatar_url":"https://avatars.githubusercontent.com/u/1679897?v=3","gravatar_id":"","url":"https://api.github.com/users/orrd","html_url":"https://github.com/orrd","followers_url":"https://api.github.com/users/orrd/followers","following_url":"https://api.github.com/users/orrd/following{/other_user}","gists_url":"https://api.github.com/users/orrd/gists{/gist_id}","starred_url":"https://api.github.com/users/orrd/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/orrd/subscriptions","organizations_url":"https://api.github.com/users/orrd/orgs","repos_url":"https://api.github.com/users/orrd/repos","events_url":"https://api.github.com/users/orrd/events{/privacy}","received_events_url":"https://api.github.com/users/orrd/received_events","type":"User","site_admin":false},"created_at":"2015-09-05T17:58:04Z","updated_at":"2015-09-05T17:58:04Z","body":"Just for the benefit of other people who may find this same issue happening even when they are at 100% zoom mode, there is an issue with Bootstrap SASS that will cause a very similar problem.  See https://github.com/twbs/bootstrap-sass/issues/409 for a solution involving setting the SASS precision. "}}