update search customer by email component - enable search by pressing enter

resources/assets/vue/components/reports/sections/SearchCustomerByEmailComponent.vue

@@ -1,36 +1,32 @@
 <template>
-    <div class="row" >
+    <div class="row" @keyup.enter="fetchReport">
         <div class="col">
-            <div class="row">
-                <div class="col">
-                    <div class="row m-b-15">
-                        <div class="col-8 p-r-0">
-                            <div class="row">
-                                <div class="col p-r-0">
-                                    <div class="form-group no-margin form-group-default b-rad-none">
-                                        <label class="text-primary">Email</label>
-                                        <input type="text" class="form-control" v-model="email" />
-                                    </div>
-                                </div>
+            <div class="row m-b-15">
+                <div class="col-8 p-r-0">
+                    <div class="row">
+                        <div class="col p-r-0">
+                            <div class="form-group no-margin form-group-default b-rad-none">
+                                <label class="text-primary">Email</label>
+                                <input type="text" class="form-control" v-model="email" />
+                            </div>
+                        </div>
 
-                            </div>
-                        </div>
-                        <div class="col p-l-0">
-                            <div class="btn btn-primary b-rad-none" @click="fetchReport()">
-                                <i class="fa fa-search lh-40"></i>
-                            </div>
-                            <div class="btn btn-secondary b-rad-none" @click="resetSearch()">
-                                <i class="fa fa-remove lh-40"></i>
-                            </div>
-                        </div>
                     </div>
-                    <div class="row" v-if="search">
-                        <div class="col bg-white padding-25">
-                            <p v-if="!userCompany">{{ message }}</p>
-                            <loading-component v-if="isLoading"></loading-component>
-                            <user-company-component v-if="userCompany" :data="userCompany"></user-company-component>
-                         </div>
+                </div>
+                <div class="col p-l-0">
+                    <div class="btn btn-primary b-rad-none" @click="fetchReport()">
+                        <i class="fa fa-search lh-40"></i>
                     </div>
+                    <div class="btn btn-secondary b-rad-none" @click="resetSearch()">
+                        <i class="fa fa-remove lh-40"></i>
+                    </div>
+                </div>
+            </div>
+            <div class="row" v-if="search">
+                <div class="col bg-white padding-25">
+                    <p v-if="!userCompany">{{ message }}</p>
+                    <loading-component v-if="isLoading"></loading-component>
+                    <user-company-component v-if="userCompany" :data="userCompany"></user-company-component>
                 </div>
             </div>
         </div>