diff --git a/client/modules/User/pages/DashboardView.jsx b/client/modules/User/pages/DashboardView.jsx index 534111ff..13120e48 100644 --- a/client/modules/User/pages/DashboardView.jsx +++ b/client/modules/User/pages/DashboardView.jsx @@ -83,7 +83,12 @@ class DashboardView extends React.Component { return Create collection; case TabKey.sketches: default: - return New sketch; + return ( + + + New sketch + + ); } } @@ -111,10 +116,11 @@ class DashboardView extends React.Component { {this.ownerName()} - + - {currentTab === TabKey.sketches && } - {this.renderActionButton(currentTab, username)} + + {this.renderActionButton(currentTab, username)} + diff --git a/client/styles/components/_dashboard-header.scss b/client/styles/components/_dashboard-header.scss index 130e7067..953958fa 100644 --- a/client/styles/components/_dashboard-header.scss +++ b/client/styles/components/_dashboard-header.scss @@ -55,12 +55,21 @@ margin: 0; } -.dashboard-header__actions { +.dashboard-header__nav { display: flex; justify-content: space-between; align-items: center; } +.dashboard-header__actions { + display: flex; + align-items: center; +} + +.dashboard-header__actions > * { + margin-left: #{15 / $base-font-size}rem; +} + .dashboard__action-button { flex-grow: 0; @extend %button; diff --git a/client/styles/components/_searchbar.scss b/client/styles/components/_searchbar.scss index 07e8585b..62156743 100644 --- a/client/styles/components/_searchbar.scss +++ b/client/styles/components/_searchbar.scss @@ -1,9 +1,7 @@ .searchbar { - position: absolute; + position: relative; display: flex; padding-left: #{17 / $base-font-size}rem; - right: #{66 / $base-font-size}rem; - top: #{65 / $base-font-size}rem; } .searchbar__input {