From f4d75f056c63f1a7550e9c5869e53365b3264df8 Mon Sep 17 00:00:00 2001
From: Prateeksha Singh <pratu16x7@gmail.com>
Date: Fri, 13 Jul 2018 13:15:30 +0530
Subject: [PATCH] [print-view] fix button layout

---
 ui/components/Print/PrintActions.vue | 9 ++++++---
 ui/components/Print/PrintView.vue    | 7 +++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/ui/components/Print/PrintActions.vue b/ui/components/Print/PrintActions.vue
index d6eb2f6d..d0ba1143 100644
--- a/ui/components/Print/PrintActions.vue
+++ b/ui/components/Print/PrintActions.vue
@@ -1,8 +1,11 @@
 <template>
   <div class="frappe-print-actions d-flex justify-content-between align-items-center p-3 border-bottom">
-    <h5 class="m-0">{{ title }}</h5>
-    <f-button primary @click="$emit('print')">{{ _('Print') }}</f-button>
-    <f-button secondary @click="$emit('view-form')">{{ _('View Form') }}</f-button>
+    <h5 class="m-0">Print {{ title }}</h5>
+
+    <div class="button-group">
+      <f-button secondary @click="$emit('view-form')">{{ _('View Form') }}</f-button>
+      <f-button primary @click="$emit('print')">{{ _('Print') }}</f-button>
+    </div>
   </div>
 </template>
 
diff --git a/ui/components/Print/PrintView.vue b/ui/components/Print/PrintView.vue
index 9ce9d5cb..ed013c98 100644
--- a/ui/components/Print/PrintView.vue
+++ b/ui/components/Print/PrintView.vue
@@ -2,6 +2,8 @@
   <div class="print-view">
     <print-actions
       v-bind:title="name"
+      @view-form="viewForm"
+      @print="print"
     ></print-actions>
     <div class="print-container">
       <div class="print-template" v-html="printTemplate"></div>
@@ -27,6 +29,11 @@ export default {
   async created(vm) {
     this.printTemplate = await getHTML(this.doctype, this.name);
   },
+  methods: {
+    viewForm() {
+      this.$router.push(`/edit/${this.doctype}/${this.name}`);
+    },
+  }
 }
 </script>