{"action":"created","issue":{"url":"https://api.github.com/repos/iPlantCollaborativeOpenSource/troposphere/issues/341","repository_url":"https://api.github.com/repos/iPlantCollaborativeOpenSource/troposphere","labels_url":"https://api.github.com/repos/iPlantCollaborativeOpenSource/troposphere/issues/341/labels{/name}","comments_url":"https://api.github.com/repos/iPlantCollaborativeOpenSource/troposphere/issues/341/comments","events_url":"https://api.github.com/repos/iPlantCollaborativeOpenSource/troposphere/issues/341/events","html_url":"https://github.com/iPlantCollaborativeOpenSource/troposphere/pull/341","id":147869430,"number":341,"title":"[ATMO-1233] resource details select behavior","user":{"login":"Tharon-C","id":7366338,"avatar_url":"https://avatars.githubusercontent.com/u/7366338?v=3","gravatar_id":"","url":"https://api.github.com/users/Tharon-C","html_url":"https://github.com/Tharon-C","followers_url":"https://api.github.com/users/Tharon-C/followers","following_url":"https://api.github.com/users/Tharon-C/following{/other_user}","gists_url":"https://api.github.com/users/Tharon-C/gists{/gist_id}","starred_url":"https://api.github.com/users/Tharon-C/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Tharon-C/subscriptions","organizations_url":"https://api.github.com/users/Tharon-C/orgs","repos_url":"https://api.github.com/users/Tharon-C/repos","events_url":"https://api.github.com/users/Tharon-C/events{/privacy}","received_events_url":"https://api.github.com/users/Tharon-C/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-04-12T20:52:06Z","updated_at":"2016-04-13T18:15:36Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/iPlantCollaborativeOpenSource/troposphere/pulls/341","html_url":"https://github.com/iPlantCollaborativeOpenSource/troposphere/pull/341","diff_url":"https://github.com/iPlantCollaborativeOpenSource/troposphere/pull/341.diff","patch_url":"https://github.com/iPlantCollaborativeOpenSource/troposphere/pull/341.patch"},"body":"This PR addresses [ATMO-1233](https://pods.iplantcollaborative.org/jira/browse/ATMO-1233). Expected behavior is that two clicks would select a word and three would select the line. When a user tries to select something in the instance details (either on the details page or the details side pane) like for example an ip address, since the label is on the same line it would be expected for convenience that two clicks would select a word and three would select the value like the IP not the label. \r\n\r\nHowever, in this case currently two clicks on the value selects the label plus the first word of the value, in this case numbers before the `-`, and three clicks selects both the label and the value. \r\n\r\nThis PR makes it so that two clicks on the value selects the word without the label and three selects the whole value without the label.\r\n\r\nIn addition this PR also adds a media query to inline the labels above the value when there isn't enough room. It also makes the labels more dominant for when above the value and right justifies both label and values for a cleaner layout. \r\n\r\n\r\n#### Screenshots \r\nNote: The point of this PR is not to improve the look rather it is to improve functionality. \r\nScreen shots are provided to simply show that layout is not broken or significantly altered.  \r\n\r\nSide Pane Detail Before\r\n<img width=\"376\" alt=\"screen shot 2016-04-12 at 1 42 11 pm\" src=\"https://cloud.githubusercontent.com/assets/7366338/14475126/3ef5a038-00b5-11e6-92b4-e6798e09f398.png\">\r\n\r\n\r\nSide Pane Detail After\r\n<img width=\"408\" alt=\"screen shot 2016-04-12 at 1 41 24 pm\" src=\"https://cloud.githubusercontent.com/assets/7366338/14475137/484540b2-00b5-11e6-9b81-e5e21ec6f802.png\">\r\n\r\n\r\nResource Detail Page Before\r\n<img width=\"697\" alt=\"screen shot 2016-04-12 at 1 42 23 pm\" src=\"https://cloud.githubusercontent.com/assets/7366338/14475064/ecae82a4-00b4-11e6-8d0c-a3b022f8564d.png\">\r\n\r\nResource Detail Page After\r\n<img width=\"738\" alt=\"screen shot 2016-04-12 at 1 42 40 pm\" src=\"https://cloud.githubusercontent.com/assets/7366338/14475155/62053444-00b5-11e6-943a-8cee2dca8d0f.png\">\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/iPlantCollaborativeOpenSource/troposphere/issues/comments/209576003","html_url":"https://github.com/iPlantCollaborativeOpenSource/troposphere/pull/341#issuecomment-209576003","issue_url":"https://api.github.com/repos/iPlantCollaborativeOpenSource/troposphere/issues/341","id":209576003,"user":{"login":"lenards","id":5923,"avatar_url":"https://avatars.githubusercontent.com/u/5923?v=3","gravatar_id":"","url":"https://api.github.com/users/lenards","html_url":"https://github.com/lenards","followers_url":"https://api.github.com/users/lenards/followers","following_url":"https://api.github.com/users/lenards/following{/other_user}","gists_url":"https://api.github.com/users/lenards/gists{/gist_id}","starred_url":"https://api.github.com/users/lenards/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lenards/subscriptions","organizations_url":"https://api.github.com/users/lenards/orgs","repos_url":"https://api.github.com/users/lenards/repos","events_url":"https://api.github.com/users/lenards/events{/privacy}","received_events_url":"https://api.github.com/users/lenards/received_events","type":"User","site_admin":false},"created_at":"2016-04-13T18:15:36Z","updated_at":"2016-04-13T18:15:36Z","body":"Works for me! :+1: "}}