layout adjustments

This commit is contained in:
Cássio Zen 2016-09-13 12:32:26 -03:00
parent e783410a2d
commit e8fe7e0c80
3 changed files with 7 additions and 2 deletions

View File

@ -4,6 +4,9 @@
vertical-align: top; vertical-align: top;
text-align: center; text-align: center;
width: 28%; width: 28%;
& h2 {
font-size: 16px;
}
} }
.column:not(:last-child) { .column:not(:last-child) {

View File

@ -13,7 +13,7 @@ export default class UnpublishedListing extends React.Component {
if (!column) { if (!column) {
return entries.entrySeq().map(([currColumn, currEntries]) => ( return entries.entrySeq().map(([currColumn, currEntries]) => (
<div key={currColumn} className={styles.column}> <div key={currColumn} className={styles.column}>
<h3>{statusDescriptions.get(currColumn)}</h3> <h2>{statusDescriptions.get(currColumn)}</h2>
{this.renderColumns(currEntries, currColumn)} {this.renderColumns(currEntries, currColumn)}
</div> </div>
)); ));
@ -41,6 +41,7 @@ export default class UnpublishedListing extends React.Component {
return ( return (
<div> <div>
<h1>Editorial Workflow</h1>
{columns} {columns}
</div> </div>
); );

View File

@ -6,6 +6,7 @@ import { selectUnpublishedEntries } from '../../reducers';
import { EDITORIAL_WORKFLOW, status } from '../../constants/publishModes'; import { EDITORIAL_WORKFLOW, status } from '../../constants/publishModes';
import UnpublishedListing from '../../components/UnpublishedListing'; import UnpublishedListing from '../../components/UnpublishedListing';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import styles from '../CollectionPage.css';
export default function CollectionPageHOC(CollectionPage) { export default function CollectionPageHOC(CollectionPage) {
class CollectionPageHOC extends CollectionPage { class CollectionPageHOC extends CollectionPage {
@ -23,7 +24,7 @@ export default function CollectionPageHOC(CollectionPage) {
if (!isEditorialWorkflow) return super.render(); if (!isEditorialWorkflow) return super.render();
return ( return (
<div> <div className={styles.alignable}>
<UnpublishedListing entries={unpublishedEntries}/> <UnpublishedListing entries={unpublishedEntries}/>
{super.render()} {super.render()}
</div> </div>