diff --git a/client/modules/User/pages/DashboardView.jsx b/client/modules/User/pages/DashboardView.jsx index af9c8752..9ba5a945 100644 --- a/client/modules/User/pages/DashboardView.jsx +++ b/client/modules/User/pages/DashboardView.jsx @@ -79,17 +79,17 @@ class DashboardView extends React.Component { case TabKey.collections: return this.isOwner() && ( - Create collection + ); case TabKey.sketches: default: return ( - {this.isOwner() && New sketch} + ); } diff --git a/client/styles/components/_asset-size.scss b/client/styles/components/_asset-size.scss index 5793ef2b..5e6d4d00 100644 --- a/client/styles/components/_asset-size.scss +++ b/client/styles/components/_asset-size.scss @@ -1,5 +1,6 @@ .asset-size { font-size: #{14 / $base-font-size}rem; + margin-bottom: #{18 / $base-font-size}rem; } .asset-size-bar { diff --git a/client/styles/components/_dashboard-header.scss b/client/styles/components/_dashboard-header.scss index ebb9c312..a42a510c 100644 --- a/client/styles/components/_dashboard-header.scss +++ b/client/styles/components/_dashboard-header.scss @@ -7,6 +7,12 @@ flex-direction:column; } +.dashboard-header__header { + max-width: #{1012 / $base-font-size}rem; + margin: 0 auto; + width: 100%; +} + .dashboard-header--no-vertical-padding { padding: 0 66px; } @@ -70,8 +76,8 @@ .dashboard-header__actions { display: flex; align-items: center; - margin-bottom: #{24 / $base-font-size}rem; - padding: #{24 / $base-font-size}rem #{10 / $base-font-size}rem; + padding: #{24 / $base-font-size}rem 0; + justify-content: space-between; } .dashboard-header__actions > *:not(:first-child) { diff --git a/client/styles/layout/_dashboard.scss b/client/styles/layout/_dashboard.scss index 850537a9..97e86737 100644 --- a/client/styles/layout/_dashboard.scss +++ b/client/styles/layout/_dashboard.scss @@ -14,6 +14,9 @@ flex-direction: column; flex: 1; overflow: hidden; + max-width: #{1012 / $base-font-size}rem; + margin: 0 auto; + width: 100%; @include themify() { border: 1px solid getThemifyVariable('modal-border-color');