{"action":"opened","issue":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2311","labels_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2311/labels{/name}","comments_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2311/comments","events_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/2311/events","html_url":"https://github.com/Semantic-Org/Semantic-UI/issues/2311","id":82000650,"number":2311,"title":"Divider text margin when stacked","user":{"login":"oytuntez","id":656635,"avatar_url":"https://avatars.githubusercontent.com/u/656635?v=3","gravatar_id":"","url":"https://api.github.com/users/oytuntez","html_url":"https://github.com/oytuntez","followers_url":"https://api.github.com/users/oytuntez/followers","following_url":"https://api.github.com/users/oytuntez/following{/other_user}","gists_url":"https://api.github.com/users/oytuntez/gists{/gist_id}","starred_url":"https://api.github.com/users/oytuntez/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/oytuntez/subscriptions","organizations_url":"https://api.github.com/users/oytuntez/orgs","repos_url":"https://api.github.com/users/oytuntez/repos","events_url":"https://api.github.com/users/oytuntez/events{/privacy}","received_events_url":"https://api.github.com/users/oytuntez/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-05-28T15:58:55Z","updated_at":"2015-05-28T15:58:55Z","closed_at":null,"body":"First things first:\r\n\r\n```html\r\n<div class=\"ui two column row middle aligned very relaxed fitted stackable\">\r\n    <div class=\"column\">\r\n        <a class=\"ui green button\">Upload a document</a>\r\n        <input type=\"file\" name=\"documents\" multiple=\"multiple\" class=\"ui input hidden\"/>\r\n    </div>\r\n    <div class=\"ui vertical divider\">\r\n        Or\r\n    </div>\r\n    <div class=\"center aligned column\">\r\n        <a class=\"ui green button\">Enter your text</a>\r\n        <textarea class=\"ui input hidden\"></textarea>\r\n    </div>\r\n</div>\r\n```\r\n\r\nThis is how it looks:\r\n\r\n![Screenshot]\r\n(http://i58.tinypic.com/x60arr.png)\r\n\r\nWhen I override the definition like this, it aligns better (from 50% to 52%):\r\n```css\r\n.ui.stackable.grid .ui.vertical.divider:before,\r\n  .ui.grid .stackable.row .ui.vertical.divider:before {\r\n    margin-left: -(52% + @horizontalDividerMargin);\r\n  }\r\n```\r\n\r\nI'm not sure if this is the ideal way to go. If it is, I'll make a PR for divider definition."}}