{"action":"created","issue":{"url":"https://api.github.com/repos/darul75/ng-prettyjson/issues/16","labels_url":"https://api.github.com/repos/darul75/ng-prettyjson/issues/16/labels{/name}","comments_url":"https://api.github.com/repos/darul75/ng-prettyjson/issues/16/comments","events_url":"https://api.github.com/repos/darul75/ng-prettyjson/issues/16/events","html_url":"https://github.com/darul75/ng-prettyjson/issues/16","id":57208956,"number":16,"title":"json displayed as a single line","user":{"login":"germanger","id":2080549,"avatar_url":"https://avatars.githubusercontent.com/u/2080549?v=3","gravatar_id":"","url":"https://api.github.com/users/germanger","html_url":"https://github.com/germanger","followers_url":"https://api.github.com/users/germanger/followers","following_url":"https://api.github.com/users/germanger/following{/other_user}","gists_url":"https://api.github.com/users/germanger/gists{/gist_id}","starred_url":"https://api.github.com/users/germanger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/germanger/subscriptions","organizations_url":"https://api.github.com/users/germanger/orgs","repos_url":"https://api.github.com/users/germanger/repos","events_url":"https://api.github.com/users/germanger/events{/privacy}","received_events_url":"https://api.github.com/users/germanger/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-02-10T17:42:00Z","updated_at":"2015-02-10T18:02:32Z","closed_at":null,"body":"In your demo, using:\r\n\r\n       <pre pretty-json=\"someJson\" />\r\n\r\nWill display the json in a multiline fashion, eg:\r\n\r\n         {\r\n             \"bla\": \"blah\",\r\n             \"narf\": \"troz\"\r\n         }\r\n\r\nbut I'm getting the json displayed in a single line, eg:\r\n\r\n       { \"bla\": \"blah\", \"narf\": \"troz\" }\r\n\r\nAm I missing an option?\r\n\r\n       "},"comment":{"url":"https://api.github.com/repos/darul75/ng-prettyjson/issues/comments/73749506","html_url":"https://github.com/darul75/ng-prettyjson/issues/16#issuecomment-73749506","issue_url":"https://api.github.com/repos/darul75/ng-prettyjson/issues/16","id":73749506,"user":{"login":"germanger","id":2080549,"avatar_url":"https://avatars.githubusercontent.com/u/2080549?v=3","gravatar_id":"","url":"https://api.github.com/users/germanger","html_url":"https://github.com/germanger","followers_url":"https://api.github.com/users/germanger/followers","following_url":"https://api.github.com/users/germanger/following{/other_user}","gists_url":"https://api.github.com/users/germanger/gists{/gist_id}","starred_url":"https://api.github.com/users/germanger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/germanger/subscriptions","organizations_url":"https://api.github.com/users/germanger/orgs","repos_url":"https://api.github.com/users/germanger/repos","events_url":"https://api.github.com/users/germanger/events{/privacy}","received_events_url":"https://api.github.com/users/germanger/received_events","type":"User","site_admin":false},"created_at":"2015-02-10T18:02:32Z","updated_at":"2015-02-10T18:02:32Z","body":"maybe its a css problem?\r\n\r\nI was checking `src/ng-prettyjson.css` and my first thought was that the class names are too general and might be colliding with other libraries. In fact theres a selector for the entire tag `pre` and maybe bootstrap.ui might have its own style for pre\r\n\r\n    pre {outline: 1px solid #e9e9e9; padding: 5px; margin: 5px; width: 100%; height:100%;}\r\n    .string { color: green; }\r\n    .number { color: darkorange; }\r\n    .boolean { color: blue; }\r\n    .null { color: magenta; }\r\n    .key { color: red; }\r\n    .sep { color: black; }\r\n"}}