{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/3589","labels_url":"https://api.github.com/repos/angular/material/issues/3589/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/3589/comments","events_url":"https://api.github.com/repos/angular/material/issues/3589/events","html_url":"https://github.com/angular/material/issues/3589","id":93136700,"number":3589,"title":"md-button not stretching in flex column layout (0.10.0)","user":{"login":"chrismbeckett","id":6036093,"avatar_url":"https://avatars.githubusercontent.com/u/6036093?v=3","gravatar_id":"","url":"https://api.github.com/users/chrismbeckett","html_url":"https://github.com/chrismbeckett","followers_url":"https://api.github.com/users/chrismbeckett/followers","following_url":"https://api.github.com/users/chrismbeckett/following{/other_user}","gists_url":"https://api.github.com/users/chrismbeckett/gists{/gist_id}","starred_url":"https://api.github.com/users/chrismbeckett/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrismbeckett/subscriptions","organizations_url":"https://api.github.com/users/chrismbeckett/orgs","repos_url":"https://api.github.com/users/chrismbeckett/repos","events_url":"https://api.github.com/users/chrismbeckett/events{/privacy}","received_events_url":"https://api.github.com/users/chrismbeckett/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-07-05T19:04:17Z","updated_at":"2015-07-06T02:07:18Z","closed_at":null,"body":"Got some buttons in a form that I want to be full width across the container. I have put my button in a flex column layout and set each button for flex. They should stretch, they don't. Worked in 0.9.8, broken in 0.10.0. Works if layout is row instead of column.\r\n\r\n```html\r\n<div layout=\"column\">\r\n  <md-button class=\"md-raised\" flex>Button 1</button>\r\n</div>\r\n```\r\n\r\nThe problem seems to be the ``display: inline-table``. Fixed it with this:\r\n\r\n```sass\r\n[layout='column'] {\r\n  .md-button {\r\n    display: block;\r\n  }\r\n}\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/118691847","html_url":"https://github.com/angular/material/issues/3589#issuecomment-118691847","issue_url":"https://api.github.com/repos/angular/material/issues/3589","id":118691847,"user":{"login":"Splaktar","id":3506071,"avatar_url":"https://avatars.githubusercontent.com/u/3506071?v=3","gravatar_id":"","url":"https://api.github.com/users/Splaktar","html_url":"https://github.com/Splaktar","followers_url":"https://api.github.com/users/Splaktar/followers","following_url":"https://api.github.com/users/Splaktar/following{/other_user}","gists_url":"https://api.github.com/users/Splaktar/gists{/gist_id}","starred_url":"https://api.github.com/users/Splaktar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Splaktar/subscriptions","organizations_url":"https://api.github.com/users/Splaktar/orgs","repos_url":"https://api.github.com/users/Splaktar/repos","events_url":"https://api.github.com/users/Splaktar/events{/privacy}","received_events_url":"https://api.github.com/users/Splaktar/received_events","type":"User","site_admin":false},"created_at":"2015-07-06T02:07:18Z","updated_at":"2015-07-06T02:07:18Z","body":"Maybe you could wrap the button with an anchor containing the `ui-sref`. Something like that was mentioned in #2131. Wrapping with an anchor is probably better than a `div` (mentioned in that issue) for accessibility."}}