{"action":"created","issue":{"url":"https://api.github.com/repos/edvin/tornadofx-controls/issues/1","labels_url":"https://api.github.com/repos/edvin/tornadofx-controls/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/edvin/tornadofx-controls/issues/1/comments","events_url":"https://api.github.com/repos/edvin/tornadofx-controls/issues/1/events","html_url":"https://github.com/edvin/tornadofx-controls/issues/1","id":127537999,"number":1,"title":"Separate graphics?","user":{"login":"dlemmermann","id":9534301,"avatar_url":"https://avatars.githubusercontent.com/u/9534301?v=3","gravatar_id":"","url":"https://api.github.com/users/dlemmermann","html_url":"https://github.com/dlemmermann","followers_url":"https://api.github.com/users/dlemmermann/followers","following_url":"https://api.github.com/users/dlemmermann/following{/other_user}","gists_url":"https://api.github.com/users/dlemmermann/gists{/gist_id}","starred_url":"https://api.github.com/users/dlemmermann/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dlemmermann/subscriptions","organizations_url":"https://api.github.com/users/dlemmermann/orgs","repos_url":"https://api.github.com/users/dlemmermann/repos","events_url":"https://api.github.com/users/dlemmermann/events{/privacy}","received_events_url":"https://api.github.com/users/dlemmermann/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-01-19T21:02:43Z","updated_at":"2016-01-19T22:33:46Z","closed_at":null,"body":"Just noticed in the ListItemSkin class that you are doing the layout code yourself. Why didn't you set the graphic node directly on the label inside the skin. It has all those layout options, too, right? The \"textfield\" is of type Label, which subclasses Labeled, which manages a graphic node."},"comment":{"url":"https://api.github.com/repos/edvin/tornadofx-controls/issues/comments/173009720","html_url":"https://github.com/edvin/tornadofx-controls/issues/1#issuecomment-173009720","issue_url":"https://api.github.com/repos/edvin/tornadofx-controls/issues/1","id":173009720,"user":{"login":"edvin","id":977035,"avatar_url":"https://avatars.githubusercontent.com/u/977035?v=3","gravatar_id":"","url":"https://api.github.com/users/edvin","html_url":"https://github.com/edvin","followers_url":"https://api.github.com/users/edvin/followers","following_url":"https://api.github.com/users/edvin/following{/other_user}","gists_url":"https://api.github.com/users/edvin/gists{/gist_id}","starred_url":"https://api.github.com/users/edvin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edvin/subscriptions","organizations_url":"https://api.github.com/users/edvin/orgs","repos_url":"https://api.github.com/users/edvin/repos","events_url":"https://api.github.com/users/edvin/events{/privacy}","received_events_url":"https://api.github.com/users/edvin/received_events","type":"User","site_admin":false},"created_at":"2016-01-19T22:33:46Z","updated_at":"2016-01-19T22:33:46Z","body":"Here is a small sample that shows the issue (requires FontAwesomeFX on the classpath)\r\n\r\n```java\r\npackage tornadofx.control.test;\r\n\r\nimport de.jensd.fx.glyphs.fontawesome.FontAwesomeIcon;\r\nimport de.jensd.fx.glyphs.fontawesome.FontAwesomeIconView;\r\nimport javafx.application.Application;\r\nimport javafx.scene.Scene;\r\nimport javafx.scene.control.Button;\r\nimport javafx.scene.layout.VBox;\r\nimport javafx.stage.Stage;\r\n\r\npublic class LabelDisalignment extends Application {\r\n\tpublic void start(Stage primaryStage) throws Exception {\r\n\t\tVBox root = new VBox(\r\n\t\t\tnew Button(\"Contacts\", icon(FontAwesomeIcon.USER)),\r\n\t\t\tnew Button(\"Projects\", icon(FontAwesomeIcon.SUITCASE)),\r\n\t\t\tnew Button(\"Settings\", icon(FontAwesomeIcon.COG))\r\n\t\t);\r\n\r\n\t\tprimaryStage.setScene(new Scene(root));\r\n\t\tprimaryStage.show();\r\n\t}\r\n\r\n\tprivate FontAwesomeIconView icon(FontAwesomeIcon icon) {\r\n\t\tFontAwesomeIconView iconView = new FontAwesomeIconView(icon);\r\n\t\ticonView.setGlyphSize(25);\r\n\t\treturn iconView;\r\n\t}\r\n}\r\n```\r\n\r\n<img width=\"98\" alt=\"label-disalignment\" src=\"https://cloud.githubusercontent.com/assets/977035/12434139/08049698-bf05-11e5-98d9-a12ba992a223.png\">\r\n\r\nSince the suitcase icon is larger than the other two, the text doesn't line up. Adding padding between the icon and the label is an individual affair, so that doesn't solve the problem. Making the icon take up some predefined width would solve the problem, so long as it doesn't stretch the icon, but I don't know how/if that's possible."}}