improve demo css

Author: albertstill

packages/react-scripts/scripts/init.js

@@ -89,16 +89,16 @@ module.exports = function(
  );
 
  let command;
- let args;
+ let depArgs;
 
  if (useYarn) {
  command = 'yarnpkg';
- args = ['add'];
+ depArgs = ['add'];
  } else {
  command = 'npm';
- args = ['install', '--save', verbose && '--verbose'].filter(e => e);
+ depArgs = ['install', '--save', verbose && '--verbose'].filter(e => e);
  }
- args.push('react', 'react-dom');
+ depArgs.push('react', 'react-dom');
 
  // Install additional template dependencies, if present
  const templateDependenciesPath = path.join(
@@ -107,7 +107,7 @@ module.exports = function(
  );
  if (fs.existsSync(templateDependenciesPath)) {
  const templateDependencies = require(templateDependenciesPath).dependencies;
- args = args.concat(
+ depArgs = depArgs.concat(
  Object.keys(templateDependencies).map(key => {
  return `${key}@${templateDependencies[key]}`;
  })
@@ -122,9 +122,9 @@ module.exports = function(
  console.log(`Installing react and react-dom using ${command}...`);
  console.log();
 
- const proc = spawn.sync(command, args, { stdio: 'inherit' });
+ const proc = spawn.sync(command, depArgs, { stdio: 'inherit' });
  if (proc.status !== 0) {
- console.error(`\`${command} ${args.join(' ')}\` failed`);
+ console.error(`\`${command} ${depArgs.join(' ')}\` failed`);
  return;
  }
  }

packages/react-scripts/template/src/components/example/index.css

@@ -1,6 +1,6 @@
 .wrapper {
  display: flex;
- height: 100vh;
+ height: 100%;
  flex-direction: column;
 
  &.isTwoColumn {