{"action":"closed","issue":{"url":"https://api.github.com/repos/hmrc/assets-frontend/issues/539","repository_url":"https://api.github.com/repos/hmrc/assets-frontend","labels_url":"https://api.github.com/repos/hmrc/assets-frontend/issues/539/labels{/name}","comments_url":"https://api.github.com/repos/hmrc/assets-frontend/issues/539/comments","events_url":"https://api.github.com/repos/hmrc/assets-frontend/issues/539/events","html_url":"https://github.com/hmrc/assets-frontend/issues/539","id":148648255,"number":539,"title":"Component Library - Top Align Input Modifier Is Being Overridden","user":{"login":"stingrayfunk","id":1764083,"avatar_url":"https://avatars.githubusercontent.com/u/1764083?v=3","gravatar_id":"","url":"https://api.github.com/users/stingrayfunk","html_url":"https://github.com/stingrayfunk","followers_url":"https://api.github.com/users/stingrayfunk/followers","following_url":"https://api.github.com/users/stingrayfunk/following{/other_user}","gists_url":"https://api.github.com/users/stingrayfunk/gists{/gist_id}","starred_url":"https://api.github.com/users/stingrayfunk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stingrayfunk/subscriptions","organizations_url":"https://api.github.com/users/stingrayfunk/orgs","repos_url":"https://api.github.com/users/stingrayfunk/repos","events_url":"https://api.github.com/users/stingrayfunk/events{/privacy}","received_events_url":"https://api.github.com/users/stingrayfunk/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2016-04-15T12:30:22Z","updated_at":"2016-04-19T11:19:43Z","closed_at":"2016-04-19T11:19:43Z","body":"In the `label` component, the `.top-aligned-input` modifier sets a `top: em(31);`.\r\n\r\nHowever, this is overridden first by `.block-label input` in `_form-chunky-labels.scss`, but ultimately by `.block-label input` in `label` itself, setting top to 50%, thus making this a useless modifier.\r\n\r\nAlso, to show that this modifier actually works, the label text should span multiple lines so we can see the radio button sitting in the correct top position."}}