{"action":"created","issue":{"url":"https://api.github.com/repos/openshift/origin/issues/3446","labels_url":"https://api.github.com/repos/openshift/origin/issues/3446/labels{/name}","comments_url":"https://api.github.com/repos/openshift/origin/issues/3446/comments","events_url":"https://api.github.com/repos/openshift/origin/issues/3446/events","html_url":"https://github.com/openshift/origin/issues/3446","id":91075936,"number":3446,"title":"Pods should line up in a grid on overview page","user":{"login":"spadgett","id":1167259,"avatar_url":"https://avatars.githubusercontent.com/u/1167259?v=3","gravatar_id":"","url":"https://api.github.com/users/spadgett","html_url":"https://github.com/spadgett","followers_url":"https://api.github.com/users/spadgett/followers","following_url":"https://api.github.com/users/spadgett/following{/other_user}","gists_url":"https://api.github.com/users/spadgett/gists{/gist_id}","starred_url":"https://api.github.com/users/spadgett/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/spadgett/subscriptions","organizations_url":"https://api.github.com/users/spadgett/orgs","repos_url":"https://api.github.com/users/spadgett/repos","events_url":"https://api.github.com/users/spadgett/events{/privacy}","received_events_url":"https://api.github.com/users/spadgett/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/openshift/origin/labels/component/web","name":"component/web","color":"0052cc"},{"url":"https://api.github.com/repos/openshift/origin/labels/kind/bug","name":"kind/bug","color":"fc2929"},{"url":"https://api.github.com/repos/openshift/origin/labels/priority/P3","name":"priority/P3","color":"fad8c7"}],"state":"open","locked":false,"assignee":{"login":"sg00dwin","id":1874151,"avatar_url":"https://avatars.githubusercontent.com/u/1874151?v=3","gravatar_id":"","url":"https://api.github.com/users/sg00dwin","html_url":"https://github.com/sg00dwin","followers_url":"https://api.github.com/users/sg00dwin/followers","following_url":"https://api.github.com/users/sg00dwin/following{/other_user}","gists_url":"https://api.github.com/users/sg00dwin/gists{/gist_id}","starred_url":"https://api.github.com/users/sg00dwin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sg00dwin/subscriptions","organizations_url":"https://api.github.com/users/sg00dwin/orgs","repos_url":"https://api.github.com/users/sg00dwin/repos","events_url":"https://api.github.com/users/sg00dwin/events{/privacy}","received_events_url":"https://api.github.com/users/sg00dwin/received_events","type":"User","site_admin":false},"milestone":null,"comments":4,"created_at":"2015-06-25T21:06:45Z","updated_at":"2015-06-29T15:28:19Z","closed_at":null,"body":"All the pods should line up with the same height and width in a grid. They're not perfectly aligned. (I've noticed this more on Firefox.)\r\n\r\n![openshift_web_console](https://cloud.githubusercontent.com/assets/1167259/8365511/96feb7a0-1b5b-11e5-841e-38028e34972c.png)\r\n\r\n\r\nPods in the last row also expand to fill the space and are wider. They seem more important when they're not.\r\n\r\n![openshift_web_console](https://cloud.githubusercontent.com/assets/1167259/8365624/5616443c-1b5c-11e5-8ce2-7b6df4be2e7a.png)\r\n\r\n\r\n/cc @liggitt @sg00dwin @benjaminapetersen "},"comment":{"url":"https://api.github.com/repos/openshift/origin/issues/comments/116732085","html_url":"https://github.com/openshift/origin/issues/3446#issuecomment-116732085","issue_url":"https://api.github.com/repos/openshift/origin/issues/3446","id":116732085,"user":{"login":"benjaminapetersen","id":280512,"avatar_url":"https://avatars.githubusercontent.com/u/280512?v=3","gravatar_id":"","url":"https://api.github.com/users/benjaminapetersen","html_url":"https://github.com/benjaminapetersen","followers_url":"https://api.github.com/users/benjaminapetersen/followers","following_url":"https://api.github.com/users/benjaminapetersen/following{/other_user}","gists_url":"https://api.github.com/users/benjaminapetersen/gists{/gist_id}","starred_url":"https://api.github.com/users/benjaminapetersen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/benjaminapetersen/subscriptions","organizations_url":"https://api.github.com/users/benjaminapetersen/orgs","repos_url":"https://api.github.com/users/benjaminapetersen/repos","events_url":"https://api.github.com/users/benjaminapetersen/events{/privacy}","received_events_url":"https://api.github.com/users/benjaminapetersen/received_events","type":"User","site_admin":false},"created_at":"2015-06-29T15:28:19Z","updated_at":"2015-06-29T15:28:19Z","body":"I did some reading, I think the only way to fix is with adjusting the flex-basis.  The example you gave with 6 pods is clearest.  Flex won't evenly distribute rows on its own, it will fill each row before moving on to the next, then stretches everything in the last row.  If we use media queries to set the flex-basis at break points (something like mobile = 150px, tablet = 225px, etc) it sounds like it can be fixed...\r\n\r\n"}}