Move back as last action 🔧

Author: underscope

client/components/editor/MainSidebar/index.vue

@@ -8,7 +8,7 @@
     stateless
     class="blue-grey lighten-4 actions">
     <v-toolbar flat class="transparent">
-      <v-list class="pa-0">
+      <v-list>
         <v-tooltip
           v-for="({ title, icon, action }) in actions"
           :key="title"
@@ -52,20 +52,20 @@ export default {
     actions() {
       const { $router, activity: { courseId } } = this;
       const items = [{
-        title: 'Back',
-        icon: 'arrow-left',
-        action: () => $router.push({ name: 'course', params: { courseId } })
-      }, {
         title: 'Preview',
         icon: 'eye',
         action: () => window.open(this.previewUrl, '_blank')
+      }, {
+        title: 'Back',
+        icon: 'arrow-left',
+        action: () => $router.push({ name: 'course', params: { courseId } })
       }];
       if (!this.isAdmin && !this.isCourseAdmin) return items;
-      return items.concat({
+      return [{
         title: 'Publish',
         icon: 'upload',
         action: () => this.confirmPublishing()
-      });
+      }].concat(items);
     },
     previewUrl() {
       if (!PREVIEW_URL) return;
@@ -80,6 +80,6 @@ export default {
 
 <style lang="scss" scoped>
 .actions {
-  padding-top: 105px;
+  padding-top: 60px;
 }
 </style>