{"action":"created","issue":{"url":"https://api.github.com/repos/medic/medic-webapp/issues/2737","repository_url":"https://api.github.com/repos/medic/medic-webapp","labels_url":"https://api.github.com/repos/medic/medic-webapp/issues/2737/labels{/name}","comments_url":"https://api.github.com/repos/medic/medic-webapp/issues/2737/comments","events_url":"https://api.github.com/repos/medic/medic-webapp/issues/2737/events","html_url":"https://github.com/medic/medic-webapp/issues/2737","id":176379953,"number":2737,"title":"Tecno screens are kinda small for side-by-side display","user":{"login":"estellecomment","id":911434,"avatar_url":"https://avatars.githubusercontent.com/u/911434?v=3","gravatar_id":"","url":"https://api.github.com/users/estellecomment","html_url":"https://github.com/estellecomment","followers_url":"https://api.github.com/users/estellecomment/followers","following_url":"https://api.github.com/users/estellecomment/following{/other_user}","gists_url":"https://api.github.com/users/estellecomment/gists{/gist_id}","starred_url":"https://api.github.com/users/estellecomment/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/estellecomment/subscriptions","organizations_url":"https://api.github.com/users/estellecomment/orgs","repos_url":"https://api.github.com/users/estellecomment/repos","events_url":"https://api.github.com/users/estellecomment/events{/privacy}","received_events_url":"https://api.github.com/users/estellecomment/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/medic/medic-webapp/labels/Contacts","name":"Contacts","color":"F47B63"},{"url":"https://api.github.com/repos/medic/medic-webapp/labels/Needs%20Design%20Work","name":"Needs Design Work","color":"006b75"},{"url":"https://api.github.com/repos/medic/medic-webapp/labels/UI/UX","name":"UI/UX","color":"009800"}],"state":"open","locked":false,"assignee":{"login":"diannakane","id":1675870,"avatar_url":"https://avatars.githubusercontent.com/u/1675870?v=3","gravatar_id":"","url":"https://api.github.com/users/diannakane","html_url":"https://github.com/diannakane","followers_url":"https://api.github.com/users/diannakane/followers","following_url":"https://api.github.com/users/diannakane/following{/other_user}","gists_url":"https://api.github.com/users/diannakane/gists{/gist_id}","starred_url":"https://api.github.com/users/diannakane/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/diannakane/subscriptions","organizations_url":"https://api.github.com/users/diannakane/orgs","repos_url":"https://api.github.com/users/diannakane/repos","events_url":"https://api.github.com/users/diannakane/events{/privacy}","received_events_url":"https://api.github.com/users/diannakane/received_events","type":"User","site_admin":false},"assignees":[{"login":"diannakane","id":1675870,"avatar_url":"https://avatars.githubusercontent.com/u/1675870?v=3","gravatar_id":"","url":"https://api.github.com/users/diannakane","html_url":"https://github.com/diannakane","followers_url":"https://api.github.com/users/diannakane/followers","following_url":"https://api.github.com/users/diannakane/following{/other_user}","gists_url":"https://api.github.com/users/diannakane/gists{/gist_id}","starred_url":"https://api.github.com/users/diannakane/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/diannakane/subscriptions","organizations_url":"https://api.github.com/users/diannakane/orgs","repos_url":"https://api.github.com/users/diannakane/repos","events_url":"https://api.github.com/users/diannakane/events{/privacy}","received_events_url":"https://api.github.com/users/diannakane/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/medic/medic-webapp/milestones/60","html_url":"https://github.com/medic/medic-webapp/milestones/September%205th%20-%20September%2019th","labels_url":"https://api.github.com/repos/medic/medic-webapp/milestones/60/labels","id":1976007,"number":60,"title":"September 5th - September 19th","description":"","creator":{"login":"garethbowen","id":2064938,"avatar_url":"https://avatars.githubusercontent.com/u/2064938?v=3","gravatar_id":"","url":"https://api.github.com/users/garethbowen","html_url":"https://github.com/garethbowen","followers_url":"https://api.github.com/users/garethbowen/followers","following_url":"https://api.github.com/users/garethbowen/following{/other_user}","gists_url":"https://api.github.com/users/garethbowen/gists{/gist_id}","starred_url":"https://api.github.com/users/garethbowen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/garethbowen/subscriptions","organizations_url":"https://api.github.com/users/garethbowen/orgs","repos_url":"https://api.github.com/users/garethbowen/repos","events_url":"https://api.github.com/users/garethbowen/events{/privacy}","received_events_url":"https://api.github.com/users/garethbowen/received_events","type":"User","site_admin":false},"open_issues":40,"closed_issues":14,"state":"open","created_at":"2016-08-31T20:19:27Z","updated_at":"2016-09-12T17:41:05Z","due_on":"2016-09-19T00:00:00Z","closed_at":null},"comments":2,"created_at":"2016-09-12T13:48:50Z","updated_at":"2016-09-12T17:47:41Z","closed_at":null,"body":"For example, when displaying the [persons list in a place](https://projects.invisionapp.com/share/QD7ML6T7C#/screens/166340435), you display the name side-by-side with the phone number. Here's the relevant piece of mock:\r\n![screen shot 2016-09-12 at 15 44 23](https://cloud.githubusercontent.com/assets/911434/18438016/d1d50d9a-78ff-11e6-9b43-6d4b7d01a06d.png)\r\n\r\nOn Tecno screen (320px wide!), if the name is a bit long, it almost touches the phone number, which is not very legible (ignore the wrong font sizes and weights):\r\n![screen shot 2016-09-12 at 15 42 39](https://cloud.githubusercontent.com/assets/911434/18437980/abe22744-78ff-11e6-91ad-29ab1084e5e5.png)\r\n\r\nIt would probably work best displaying them one per line.\r\nMore generally, I suggest a new rule : only display one information item per line on mobile (the CSS library we use, bootstrap, actually defaults to this).\r\n@diannakane what do you think?\r\n"},"comment":{"url":"https://api.github.com/repos/medic/medic-webapp/issues/comments/246431294","html_url":"https://github.com/medic/medic-webapp/issues/2737#issuecomment-246431294","issue_url":"https://api.github.com/repos/medic/medic-webapp/issues/2737","id":246431294,"user":{"login":"diannakane","id":1675870,"avatar_url":"https://avatars.githubusercontent.com/u/1675870?v=3","gravatar_id":"","url":"https://api.github.com/users/diannakane","html_url":"https://github.com/diannakane","followers_url":"https://api.github.com/users/diannakane/followers","following_url":"https://api.github.com/users/diannakane/following{/other_user}","gists_url":"https://api.github.com/users/diannakane/gists{/gist_id}","starred_url":"https://api.github.com/users/diannakane/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/diannakane/subscriptions","organizations_url":"https://api.github.com/users/diannakane/orgs","repos_url":"https://api.github.com/users/diannakane/repos","events_url":"https://api.github.com/users/diannakane/events{/privacy}","received_events_url":"https://api.github.com/users/diannakane/received_events","type":"User","site_admin":false},"created_at":"2016-09-12T17:47:41Z","updated_at":"2016-09-12T17:47:41Z","body":"Thanks for flagging this, @estellecomment !\r\n\r\nAdditionally, nearly all of our users have requested that we increase the font size, which would only exacerbate this issue.\r\n\r\nAssigning to @Lesterng to see what he thinks"}}
{"actor":{"display_login":"diannakane"}}