From e8fe7e0c809744ba187fae6d9ac2f78d688d4129 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A1ssio=20Zen?= <cassiozen@gmail.com>
Date: Tue, 13 Sep 2016 12:32:26 -0300
Subject: [PATCH] layout adjustments

---
 src/components/UnpublishedListing.css                 | 3 +++
 src/components/UnpublishedListing.js                  | 3 ++-
 src/containers/editorialWorkflow/CollectionPageHOC.js | 3 ++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/UnpublishedListing.css b/src/components/UnpublishedListing.css
index a4b97b67..b37d8bf2 100644
--- a/src/components/UnpublishedListing.css
+++ b/src/components/UnpublishedListing.css
@@ -4,6 +4,9 @@
   vertical-align: top;
   text-align: center;
   width: 28%;
+  & h2 {
+    font-size: 16px;
+  }
 }
 
 .column:not(:last-child) {
diff --git a/src/components/UnpublishedListing.js b/src/components/UnpublishedListing.js
index ef68caf9..97a711f4 100644
--- a/src/components/UnpublishedListing.js
+++ b/src/components/UnpublishedListing.js
@@ -13,7 +13,7 @@ export default class UnpublishedListing extends React.Component {
     if (!column) {
       return entries.entrySeq().map(([currColumn, currEntries]) => (
         <div key={currColumn} className={styles.column}>
-          <h3>{statusDescriptions.get(currColumn)}</h3>
+          <h2>{statusDescriptions.get(currColumn)}</h2>
           {this.renderColumns(currEntries, currColumn)}
         </div>
       ));
@@ -41,6 +41,7 @@ export default class UnpublishedListing extends React.Component {
 
     return (
       <div>
+        <h1>Editorial Workflow</h1>
         {columns}
       </div>
     );
diff --git a/src/containers/editorialWorkflow/CollectionPageHOC.js b/src/containers/editorialWorkflow/CollectionPageHOC.js
index 4894e79a..bee4a2ac 100644
--- a/src/containers/editorialWorkflow/CollectionPageHOC.js
+++ b/src/containers/editorialWorkflow/CollectionPageHOC.js
@@ -6,6 +6,7 @@ import { selectUnpublishedEntries } from '../../reducers';
 import { EDITORIAL_WORKFLOW, status } from '../../constants/publishModes';
 import UnpublishedListing from '../../components/UnpublishedListing';
 import { connect } from 'react-redux';
+import styles from '../CollectionPage.css';
 
 export default function CollectionPageHOC(CollectionPage) {
   class CollectionPageHOC extends CollectionPage {
@@ -23,7 +24,7 @@ export default function CollectionPageHOC(CollectionPage) {
       if (!isEditorialWorkflow) return super.render();
 
       return (
-        <div>
+        <div className={styles.alignable}>
           <UnpublishedListing entries={unpublishedEntries}/>
           {super.render()}
         </div>