{"action":"closed","issue":{"url":"https://api.github.com/repos/angular/material/issues/6348","labels_url":"https://api.github.com/repos/angular/material/issues/6348/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/6348/comments","events_url":"https://api.github.com/repos/angular/material/issues/6348/events","html_url":"https://github.com/angular/material/issues/6348","id":122535270,"number":6348,"title":"mdInputContainer: Has padding-left using .md-icon-right with only md-icon on the right side","user":{"login":"zaans2","id":4006974,"avatar_url":"https://avatars.githubusercontent.com/u/4006974?v=3","gravatar_id":"","url":"https://api.github.com/users/zaans2","html_url":"https://github.com/zaans2","followers_url":"https://api.github.com/users/zaans2/followers","following_url":"https://api.github.com/users/zaans2/following{/other_user}","gists_url":"https://api.github.com/users/zaans2/gists{/gist_id}","starred_url":"https://api.github.com/users/zaans2/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zaans2/subscriptions","organizations_url":"https://api.github.com/users/zaans2/orgs","repos_url":"https://api.github.com/users/zaans2/repos","events_url":"https://api.github.com/users/zaans2/events{/privacy}","received_events_url":"https://api.github.com/users/zaans2/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/angular/material/labels/needs:%20merge","name":"needs: merge","color":"009800"},{"url":"https://api.github.com/repos/angular/material/labels/P1%20-%20Broken%20Renders%20/%20Major%20Use%20Cases","name":"P1 - Broken Renders / Major Use Cases","color":"bfe5bf"}],"state":"closed","locked":false,"assignee":{"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},"milestone":{"url":"https://api.github.com/repos/angular/material/milestones/11","html_url":"https://github.com/angular/material/milestones/Backlog","labels_url":"https://api.github.com/repos/angular/material/milestones/11/labels","id":865967,"number":11,"title":"Backlog","description":"Grouping for issues that have been reviewed and require further information before assignment to milestone is possible.","creator":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"open_issues":1354,"closed_issues":308,"state":"open","created_at":"2014-11-14T00:54:02Z","updated_at":"2016-01-28T18:44:37Z","due_on":null,"closed_at":null},"comments":7,"created_at":"2015-12-16T15:47:47Z","updated_at":"2016-01-28T18:44:37Z","closed_at":"2016-01-28T18:44:37Z","body":"Version: 1.0.0\r\nOS: Windows 10\r\nBrowser: Chrome 47\r\n\r\nRight now  `md-input-container` has a padding left if it has the class `.md-icon-right`, even if the only icon present is on the right side.\r\n\r\n    <md-input-container class=\"md-icon-right\">\r\n      <input type=\"text\"></input>\r\n      <md-icon md-font-set=\"material-icons\">clear</md-icon>\r\n    </md-input-container>\r\n\r\nExample: http://codepen.io/anon/pen/wMMQde\r\nyou can see the top `md-input-container` is the entire width while the bottom one has a `padding-left`. The third one has the fix below.\r\n\r\nThis is easily fixed by adding a class like `md-icon-right-only` and using the following CSS\r\n\r\n    md-input-container.md-icon-right.md-icon-right-only{\r\n        padding-left: 0;\r\n    }\r\n\r\n    md-input-container.md-icon-right.md-icon-right-only > label{\r\n         left: 0;\r\n    }\r\n\r\nThis removes the `padding-left`from the `md-input-container` and repositions the `label` accordingly.\r\n\r\n\r\n\r\n"}}