Merge pull request #260 from alanbueno/feat/optional-header-alignment

 feat(*): Add SiteHeader center alignment capability

Author: jonthomp

src/components/Container.css

@@ -0,0 +1,10 @@
+@charset "UTF-8";
+/**
+Container customization
+ */
+
+.container.center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

src/components/Container.react.js

@@ -1,13 +1,18 @@
 // @flow
 
 import * as React from "react";
+import cn from "classnames";
+
+import "./Container.css";
 
 type Props = {|
   +children?: React.Node,
+  +className?: string,
 |};
 
-function Container(props: Props): React.Node {
-  return <div className={"container"}>{props.children}</div>;
+function Container({ className, children }: Props): React.Node {
+  const classes = cn("container", className);
+  return <div className={classes}>{children}</div>;
 }
 
 export default Container;

src/components/Site/SiteHeader.react.js

@@ -8,7 +8,11 @@ import type { Props as AccountDropdownProps } from "../AccountDropdown/AccountDr
 export type Props = {|
   +children?: React.Node,
   /**
-   * href attributefor the logo
+   * header alignment
+   */
+  +align?: string,
+  /**
+   * href attribute for the logo
    */
   +href?: string,
   /**
@@ -38,6 +42,7 @@ export type Props = {|
 const SiteHeader = ({
   children,
   href,
+  align,
   imageURL,
   alt,
   notificationsTray: notificationsTrayFromProps,
@@ -55,7 +60,7 @@ const SiteHeader = ({
 
   return (
     <div className="header py-4">
-      <Container>
+      <Container className={align}>
         <div className="d-flex">
           {children || (
             <React.Fragment>