{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/6387","labels_url":"https://api.github.com/repos/angular/material/issues/6387/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/6387/comments","events_url":"https://api.github.com/repos/angular/material/issues/6387/events","html_url":"https://github.com/angular/material/issues/6387","id":122978352,"number":6387,"title":"radio-group: Incorrect margin in row","user":{"login":"epelc","id":5204642,"avatar_url":"https://avatars.githubusercontent.com/u/5204642?v=3","gravatar_id":"","url":"https://api.github.com/users/epelc","html_url":"https://github.com/epelc","followers_url":"https://api.github.com/users/epelc/followers","following_url":"https://api.github.com/users/epelc/following{/other_user}","gists_url":"https://api.github.com/users/epelc/gists{/gist_id}","starred_url":"https://api.github.com/users/epelc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/epelc/subscriptions","organizations_url":"https://api.github.com/users/epelc/orgs","repos_url":"https://api.github.com/users/epelc/repos","events_url":"https://api.github.com/users/epelc/events{/privacy}","received_events_url":"https://api.github.com/users/epelc/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-12-18T16:20:38Z","updated_at":"2015-12-22T08:04:16Z","closed_at":null,"body":"When an `md-radio-group` has `layout=\"row\"` or any of the `-gt*` attributes the following style is incorrect. It causes the first item to not be centered vertically with the other items.\r\n\r\n```\r\nmd-radio-group md-radio-button:not(:first-child) {\r\n    margin-top: 16px;\r\n}\r\n```\r\n\r\nhttps://github.com/angular/material/blob/master/src/components/radioButton/radio-button.scss#L119-L121\r\n\r\nAlso there is no margin-left/right so they are all too close together. I believe the recent changes to radio-group/checkbox styles caused this issue.\r\n"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/166548929","html_url":"https://github.com/angular/material/issues/6387#issuecomment-166548929","issue_url":"https://api.github.com/repos/angular/material/issues/6387","id":166548929,"user":{"login":"EladBezalel","id":6004537,"avatar_url":"https://avatars.githubusercontent.com/u/6004537?v=3","gravatar_id":"","url":"https://api.github.com/users/EladBezalel","html_url":"https://github.com/EladBezalel","followers_url":"https://api.github.com/users/EladBezalel/followers","following_url":"https://api.github.com/users/EladBezalel/following{/other_user}","gists_url":"https://api.github.com/users/EladBezalel/gists{/gist_id}","starred_url":"https://api.github.com/users/EladBezalel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/EladBezalel/subscriptions","organizations_url":"https://api.github.com/users/EladBezalel/orgs","repos_url":"https://api.github.com/users/EladBezalel/repos","events_url":"https://api.github.com/users/EladBezalel/events{/privacy}","received_events_url":"https://api.github.com/users/EladBezalel/received_events","type":"User","site_admin":false},"created_at":"2015-12-22T08:04:16Z","updated_at":"2015-12-22T08:04:16Z","body":"@epelc The spec doesn't define the margin checkboxes and radio groups should have, I didn't applied any margin on top and bottom to not break current apps design."}}