diff --git a/client/modules/Sketch/pages/SketchListView.js b/client/modules/Sketch/pages/SketchListView.js index e46cab23..1f775429 100644 --- a/client/modules/Sketch/pages/SketchListView.js +++ b/client/modules/Sketch/pages/SketchListView.js @@ -22,24 +22,26 @@ class SketchListView extends React.Component { exportProjectAsZip={this.props.exportProjectAsZip} cloneProject={this.props.cloneProject} /> - - - - - - - - - - {this.props.sketches.map(sketch => - - - - +
+
NameCreatedLast Updated
{sketch.name}{moment(sketch.createdAt).format('MMM D, YYYY')}{moment(sketch.updatedAt).format('MMM D, YYYY')}
+ + + + + - )} - -
NameCreatedLast Updated
+ + + {this.props.sketches.map(sketch => + + {sketch.name} + {moment(sketch.createdAt).format('MMM D, YYYY')} + {moment(sketch.updatedAt).format('MMM D, YYYY')} + + )} + + + ); } diff --git a/client/styles/components/_sketch-list.scss b/client/styles/components/_sketch-list.scss index 9ef6a786..1658855f 100644 --- a/client/styles/components/_sketch-list.scss +++ b/client/styles/components/_sketch-list.scss @@ -2,6 +2,7 @@ width: 100%; padding: #{10 / $base-font-size}rem 0; padding-left: #{170 / $base-font-size}rem; + height: 100%; } .sketches-table__row { diff --git a/client/styles/layout/_sketch-list.scss b/client/styles/layout/_sketch-list.scss index 979c48d4..0784629c 100644 --- a/client/styles/layout/_sketch-list.scss +++ b/client/styles/layout/_sketch-list.scss @@ -3,4 +3,9 @@ flex-wrap: wrap; height: 100%; flex-flow: column; +} + +.sketches-table-container { + flex: 1 0 0%; + overflow-y: scroll; } \ No newline at end of file