{"action":"opened","issue":{"url":"https://api.github.com/repos/Dogfalo/materialize/issues/1593","labels_url":"https://api.github.com/repos/Dogfalo/materialize/issues/1593/labels{/name}","comments_url":"https://api.github.com/repos/Dogfalo/materialize/issues/1593/comments","events_url":"https://api.github.com/repos/Dogfalo/materialize/issues/1593/events","html_url":"https://github.com/Dogfalo/materialize/issues/1593","id":90981473,"number":1593,"title":"[Modal]: Input fields and label incorrectly aligned","user":{"login":"Aranir","id":1159256,"avatar_url":"https://avatars.githubusercontent.com/u/1159256?v=3","gravatar_id":"","url":"https://api.github.com/users/Aranir","html_url":"https://github.com/Aranir","followers_url":"https://api.github.com/users/Aranir/followers","following_url":"https://api.github.com/users/Aranir/following{/other_user}","gists_url":"https://api.github.com/users/Aranir/gists{/gist_id}","starred_url":"https://api.github.com/users/Aranir/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Aranir/subscriptions","organizations_url":"https://api.github.com/users/Aranir/orgs","repos_url":"https://api.github.com/users/Aranir/repos","events_url":"https://api.github.com/users/Aranir/events{/privacy}","received_events_url":"https://api.github.com/users/Aranir/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-06-25T14:31:35Z","updated_at":"2015-06-25T14:31:35Z","closed_at":null,"body":"When using input fields inside a modal they aren't aligned properly:\r\n\r\n```\r\n<a class=\"waves-effect waves-light btn\" data-login>Login</a>\r\n\r\n    <div id=\"modal1\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n            <h4>Login</h4>\r\n\r\n            <div class=\"row\">\r\n                <div>\r\n                    <input value=\"Alvin\" id=\"first_name2\" type=\"text\">\r\n                    <label class=\"active\" for=\"first_name2\">Username:</label>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <a href=\"#!\" class=\" modal-action modal-close waves-effect waves-green btn-flat\">Agree</a>\r\n        </div>\r\n    </div>\r\n\r\n\r\n```\r\n\r\nI am using meteor, and the button click event is registered in the following way:\r\n\r\n```\r\n'click [data-login]': (event: Event, template: Template) => {\r\n    $('#modal1').openModal();\r\n\r\n}\r\n```\r\n\r\n![screen shot 2015-06-25 at 16 28 17](https://cloud.githubusercontent.com/assets/1159256/8356716/3f5dfe2e-1b57-11e5-9bad-4cc3ab058097.png)\r\n"}}