{"action":"created","issue":{"url":"https://api.github.com/repos/openrefuge/openrefuge/issues/14","repository_url":"https://api.github.com/repos/openrefuge/openrefuge","labels_url":"https://api.github.com/repos/openrefuge/openrefuge/issues/14/labels{/name}","comments_url":"https://api.github.com/repos/openrefuge/openrefuge/issues/14/comments","events_url":"https://api.github.com/repos/openrefuge/openrefuge/issues/14/events","html_url":"https://github.com/openrefuge/openrefuge/issues/14","id":212408772,"number":14,"title":"implement proper flexbox layout","user":{"login":"awitherow","id":1827147,"avatar_url":"https://avatars1.githubusercontent.com/u/1827147?v=3","gravatar_id":"","url":"https://api.github.com/users/awitherow","html_url":"https://github.com/awitherow","followers_url":"https://api.github.com/users/awitherow/followers","following_url":"https://api.github.com/users/awitherow/following{/other_user}","gists_url":"https://api.github.com/users/awitherow/gists{/gist_id}","starred_url":"https://api.github.com/users/awitherow/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/awitherow/subscriptions","organizations_url":"https://api.github.com/users/awitherow/orgs","repos_url":"https://api.github.com/users/awitherow/repos","events_url":"https://api.github.com/users/awitherow/events{/privacy}","received_events_url":"https://api.github.com/users/awitherow/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-03-07T11:45:11Z","updated_at":"2017-03-07T11:49:21Z","closed_at":null,"body":"currently the app vue is structured so...\r\n\r\n```\r\n<template>\r\n  <div id=\"app\">\r\n    <site-header />\r\n    <transition name=\"fade\">\r\n      <router-view></router-view>\r\n    </transition>\r\n  </div>\r\n</template>\r\n```\r\n\r\nthe app has a set height: 100vh, and the container class is sort of a flex full width container\r\n\r\n```\r\n.container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100%;\r\n  flex-direction: column;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  padding: 0 15px;\r\n}\r\n```\r\n\r\nthe idea is to have a fixed header (sticky), a fixed (also sticky) footer, and a scrollable content in the middle that expands to fill in the space above.\r\n\r\nWhat is the simplest way to implement this?"},"comment":{"url":"https://api.github.com/repos/openrefuge/openrefuge/issues/comments/284700319","html_url":"https://github.com/openrefuge/openrefuge/issues/14#issuecomment-284700319","issue_url":"https://api.github.com/repos/openrefuge/openrefuge/issues/14","id":284700319,"user":{"login":"dazulu","id":4543447,"avatar_url":"https://avatars0.githubusercontent.com/u/4543447?v=3","gravatar_id":"","url":"https://api.github.com/users/dazulu","html_url":"https://github.com/dazulu","followers_url":"https://api.github.com/users/dazulu/followers","following_url":"https://api.github.com/users/dazulu/following{/other_user}","gists_url":"https://api.github.com/users/dazulu/gists{/gist_id}","starred_url":"https://api.github.com/users/dazulu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dazulu/subscriptions","organizations_url":"https://api.github.com/users/dazulu/orgs","repos_url":"https://api.github.com/users/dazulu/repos","events_url":"https://api.github.com/users/dazulu/events{/privacy}","received_events_url":"https://api.github.com/users/dazulu/received_events","type":"User","site_admin":false},"created_at":"2017-03-07T11:49:21Z","updated_at":"2017-03-07T11:49:21Z","body":"With what you told me, I wouldn't use flexbox for layout. Just regular old stuff."}}
{"actor":{"display_login":"dazulu"}}