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')};