{"action":"created","issue":{"url":"https://api.github.com/repos/cdig/piece-it-together/issues/8","labels_url":"https://api.github.com/repos/cdig/piece-it-together/issues/8/labels{/name}","comments_url":"https://api.github.com/repos/cdig/piece-it-together/issues/8/comments","events_url":"https://api.github.com/repos/cdig/piece-it-together/issues/8/events","html_url":"https://github.com/cdig/piece-it-together/issues/8","id":65758561,"number":8,"title":"setting width and height","user":{"login":"iMcKelvie","id":7819612,"avatar_url":"https://avatars.githubusercontent.com/u/7819612?v=3","gravatar_id":"","url":"https://api.github.com/users/iMcKelvie","html_url":"https://github.com/iMcKelvie","followers_url":"https://api.github.com/users/iMcKelvie/followers","following_url":"https://api.github.com/users/iMcKelvie/following{/other_user}","gists_url":"https://api.github.com/users/iMcKelvie/gists{/gist_id}","starred_url":"https://api.github.com/users/iMcKelvie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iMcKelvie/subscriptions","organizations_url":"https://api.github.com/users/iMcKelvie/orgs","repos_url":"https://api.github.com/users/iMcKelvie/repos","events_url":"https://api.github.com/users/iMcKelvie/events{/privacy}","received_events_url":"https://api.github.com/users/iMcKelvie/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-04-01T19:17:58Z","updated_at":"2015-04-02T19:32:17Z","closed_at":null,"body":"Hey, guys, another request to add to the documentation. This isn't directly related to the code; I was hoping to add it as a useful suggestion for implementation.\r\n\r\nWhen using piece it together with text (e.g. labelling components is a really common one), it can be helpful to set a min-width and min-height (in percent) on the div containing your text, to create a larger object. This makes it easier for the user to \"hit\" the drop target.  As an example, here are the rules I like to add to each of my little text tags.\r\n\r\n  .light{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content: center;\r\n    min-width:19%;\r\n    min-height:5%;\r\n  }"},"comment":{"url":"https://api.github.com/repos/cdig/piece-it-together/issues/comments/89018510","html_url":"https://github.com/cdig/piece-it-together/issues/8#issuecomment-89018510","issue_url":"https://api.github.com/repos/cdig/piece-it-together/issues/8","id":89018510,"user":{"login":"iMcKelvie","id":7819612,"avatar_url":"https://avatars.githubusercontent.com/u/7819612?v=3","gravatar_id":"","url":"https://api.github.com/users/iMcKelvie","html_url":"https://github.com/iMcKelvie","followers_url":"https://api.github.com/users/iMcKelvie/followers","following_url":"https://api.github.com/users/iMcKelvie/following{/other_user}","gists_url":"https://api.github.com/users/iMcKelvie/gists{/gist_id}","starred_url":"https://api.github.com/users/iMcKelvie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iMcKelvie/subscriptions","organizations_url":"https://api.github.com/users/iMcKelvie/orgs","repos_url":"https://api.github.com/users/iMcKelvie/repos","events_url":"https://api.github.com/users/iMcKelvie/events{/privacy}","received_events_url":"https://api.github.com/users/iMcKelvie/received_events","type":"User","site_admin":false},"created_at":"2015-04-02T19:32:17Z","updated_at":"2015-04-02T19:32:17Z","body":"Yes, you can get nearly the same effect, except that flex handles the\nspacing nicely. With padding, I need to be sure to pick a larger number for\npadding than half of the min height to get the text to centre vertically. I\nthought flex was less complicated, and I've had good results testing\ncross-browser. Is there a reason to avoid using it?\n\nOn Thu, Apr 2, 2015 at 11:54 AM, Ivan Reese <notifications@github.com>\nwrote:\n\n> Rather than use Flex and min sizes, can you just use display: inline-block\n> and some padding?\n>\n> —\n> Reply to this email directly or view it on GitHub\n> <https://github.com/cdig/piece-it-together/issues/8#issuecomment-88991017>\n> .\n>\n\n\n\n-- \nRobyn Hoffman\nDesigner/Animator\nCD Industrial Group Inc.\n···········································\nrobyn@cdiginc.com <robyn@carldyke.com>\nPh: 1·866·628·3224\nwww.cdiginc.com <http://www.carldyke.com/>\n"}}