{"action":"opened","issue":{"url":"https://api.github.com/repos/EnlighterJS/Plugin.WordPress/issues/118","repository_url":"https://api.github.com/repos/EnlighterJS/Plugin.WordPress","labels_url":"https://api.github.com/repos/EnlighterJS/Plugin.WordPress/issues/118/labels{/name}","comments_url":"https://api.github.com/repos/EnlighterJS/Plugin.WordPress/issues/118/comments","events_url":"https://api.github.com/repos/EnlighterJS/Plugin.WordPress/issues/118/events","html_url":"https://github.com/EnlighterJS/Plugin.WordPress/issues/118","id":358372037,"node_id":"MDU6SXNzdWUzNTgzNzIwMzc=","number":118,"title":"Bottom margin creates large gap","user":{"login":"marcingminski","id":8288333,"node_id":"MDQ6VXNlcjgyODgzMzM=","avatar_url":"https://avatars1.githubusercontent.com/u/8288333?v=4","gravatar_id":"","url":"https://api.github.com/users/marcingminski","html_url":"https://github.com/marcingminski","followers_url":"https://api.github.com/users/marcingminski/followers","following_url":"https://api.github.com/users/marcingminski/following{/other_user}","gists_url":"https://api.github.com/users/marcingminski/gists{/gist_id}","starred_url":"https://api.github.com/users/marcingminski/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marcingminski/subscriptions","organizations_url":"https://api.github.com/users/marcingminski/orgs","repos_url":"https://api.github.com/users/marcingminski/repos","events_url":"https://api.github.com/users/marcingminski/events{/privacy}","received_events_url":"https://api.github.com/users/marcingminski/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-09-09T11:45:53Z","updated_at":"2018-09-09T11:45:53Z","closed_at":null,"author_association":"NONE","body":"Hi, \r\n\r\nI noticed in some cases EnlighterJS creates a large gap between an object beneath:\r\n![image](https://user-images.githubusercontent.com/8288333/45264016-142fb900-b42d-11e8-8f5b-dac1d51a78e9.png)\r\n\r\nThis looks to be caused by the 20px margin in:\r\n```css\r\nol.EnlighterJS, ul.EnlighterJS {\r\n    display: block;\r\n    font-size: 10px;\r\n    background-color: #f2f2f2;\r\n    color: #939393;\r\n    margin: 0 0 20px;\r\n    padding: 0;\r\n    text-indent: 0;\r\n    list-style: none;\r\n}\r\n```\r\nWhen I remove the 20px margin from the above and add it do the wrapper container it seems to work ok:\r\n```css\r\n.EnlighterJSWrapper {\r\n    margin-bottom: 20px;\r\n}\r\n```\r\n![image](https://user-images.githubusercontent.com/8288333/45264025-3c1f1c80-b42d-11e8-897b-289cdc2a2dd2.png)\r\n\r\nI have not noticed any side effects but I am not a web developer though so not sure of the exact implication. \r\n\r\nYou can see it here: https://sqlwatch.io/docs/installation/collation-conflict/\r\n\r\nGreat plugin btw!\r\nThanks"}}
{"actor":{"display_login":"marcingminski"}}