{"action":"opened","issue":{"url":"https://api.github.com/repos/NICTA/nationalmap/issues/605","labels_url":"https://api.github.com/repos/NICTA/nationalmap/issues/605/labels{/name}","comments_url":"https://api.github.com/repos/NICTA/nationalmap/issues/605/comments","events_url":"https://api.github.com/repos/NICTA/nationalmap/issues/605/events","html_url":"https://github.com/NICTA/nationalmap/issues/605","id":64449850,"number":605,"title":"Very long layer names block access to info button","user":{"login":"stevage","id":678344,"avatar_url":"https://avatars.githubusercontent.com/u/678344?v=3","gravatar_id":"","url":"https://api.github.com/users/stevage","html_url":"https://github.com/stevage","followers_url":"https://api.github.com/users/stevage/followers","following_url":"https://api.github.com/users/stevage/following{/other_user}","gists_url":"https://api.github.com/users/stevage/gists{/gist_id}","starred_url":"https://api.github.com/users/stevage/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stevage/subscriptions","organizations_url":"https://api.github.com/users/stevage/orgs","repos_url":"https://api.github.com/users/stevage/repos","events_url":"https://api.github.com/users/stevage/events{/privacy}","received_events_url":"https://api.github.com/users/stevage/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-03-26T06:16:52Z","updated_at":"2015-03-26T06:16:52Z","closed_at":null,"body":"![nm long layer names](https://cloud.githubusercontent.com/assets/678344/6841231/ea7f502e-d3da-11e4-8473-155aedcf9b3d.png)\r\n\r\nA very long layer name means you can't see the info button, which means you also can't see the full layer name (to be able to distinguish it from others).\r\n\r\nA couple of possible solutions:\r\n\r\n1. CSS style changes. Set a `max-width: 260px; word-wrap: break-word;` on `.data-catalog-item-label`. (Probably something smarter than hardcoding 260px...)\r\n\r\n![nm-fix-maybe](https://cloud.githubusercontent.com/assets/678344/6841281/c2be4030-d3db-11e4-88f5-95fc10a04293.png)\r\n\r\n\r\n`2`. Change the info button so it's either left-justified, or otherwise doesn't get pushed off to the right.\r\n3. Tweak UX to remove the info button altogether. IMVHO, clicking on the layer should show the info dialogue, with some other mechanism to zoom to it (possibly within the info dialogue).\r\n\r\n"}}