diff --git a/client/modules/IDE/components/CollectionList/CollectionListRow.jsx b/client/modules/IDE/components/CollectionList/CollectionListRow.jsx index f7a645e6..f3119632 100644 --- a/client/modules/IDE/components/CollectionList/CollectionListRow.jsx +++ b/client/modules/IDE/components/CollectionList/CollectionListRow.jsx @@ -214,8 +214,8 @@ class CollectionListRowBase extends React.Component { {(!mobile) && {format(new Date(collection.createdAt), 'MMM D, YYYY')}} - {formatDateCell(collection.updatedAt)} - {(collection.items || []).length} + {mobile && 'Updated: '}{formatDateCell(collection.updatedAt)} + {mobile && '# sketches: '}{(collection.items || []).length} {this.renderActions()} diff --git a/client/modules/IDE/components/SketchList.jsx b/client/modules/IDE/components/SketchList.jsx index f69d802e..4aacd8c2 100644 --- a/client/modules/IDE/components/SketchList.jsx +++ b/client/modules/IDE/components/SketchList.jsx @@ -293,8 +293,8 @@ class SketchListRowBase extends React.Component { {name} - {formatDateCell(sketch.createdAt, mobile)} - {formatDateCell(sketch.updatedAt, mobile)} + {mobile && 'Created: '}{formatDateCell(sketch.createdAt, mobile)} + {mobile && 'Updated: '}{formatDateCell(sketch.updatedAt, mobile)} {this.renderDropdown()} ); diff --git a/client/modules/Mobile/MobileDashboardView.jsx b/client/modules/Mobile/MobileDashboardView.jsx index 0e3095dd..84a5d550 100644 --- a/client/modules/Mobile/MobileDashboardView.jsx +++ b/client/modules/Mobile/MobileDashboardView.jsx @@ -50,10 +50,13 @@ const ContentWrapper = styled(Content)` color: ${prop('primaryTextColor')} } - thead th svg { margin-left: ${remSize(8)}} + tbody td { justify-self: center; padding-left: ${remSize(12)}} - tbody td:nth-child(2) { grid-column-start: 2 } - tbody td:last-child { justify-self: end; text-align: end; } + thead th svg { margin-left: ${remSize(8)} } + + + tbody td:last-child { justify-self: end; text-align: end; }; + .sketches-table .sketch-list__dropdown-column { min-width: unset }; tbody { height: ${remSize(48)}; } @@ -68,8 +71,8 @@ const ContentWrapper = styled(Content)` tr { align-self: start; display: grid; - grid-template-columns: repeat(3,5fr) 1fr; - grid-template-areas: "name name name name" "none content content content"; + grid-template-columns: 5fr 5fr 2fr; + grid-template-areas: "name name name" "content content content"; border-radius: ${remSize(4)}; padding: ${remSize(8)}; box-shadow: 0 0 18px 0 ${prop('shadowColor')};