Fix help link (#205)

* Fix help link

* Increase spacing

---------

Co-authored-by: Julien Nahum <julien@nahum.net>

resources/js/components/Navbar.vue

@@ -27,7 +27,7 @@
             <span v-else>Pricing</span>
           </router-link>
           <a href="#" class="text-sm text-gray-600 dark:text-white hover:text-gray-800 cursor-pointer mt-1"
-             @click.prevent="$crisp.push(['do', 'helpdesk:search'])" v-if="hasCrisp"
+             @click.prevent="openCrisp" v-if="hasCrisp"
           >
             Help
           </a>
@@ -194,6 +194,10 @@ export default {
       // Redirect to login.
       this.$router.push({name: 'login'})
     },
+    openCrisp () {
+      window.$crisp.push(['do', 'chat:show'])
+      window.$crisp.push(['do', 'chat:open'])
+    }
   }
 }
 </script>

resources/js/components/open/forms/components/FormEditor.vue

@@ -22,7 +22,7 @@
         <div class="hidden md:block mr-10 relative">
           <a href="#"
              class="text-sm px-3 py-2 hover:bg-gray-50 cursor-pointer rounded-md text-gray-500 px-0 sm:px-3 hover:text-gray-800 cursor-pointer mt-1"
-             @click.prevent="$crisp.push(['do', 'helpdesk:search'])"
+             @click.prevent="openCrisp"
           >
             Help
           </a>
@@ -221,6 +221,10 @@ export default {
   },
 
   methods: {
+    openCrisp () {
+      window.$crisp.push(['do', 'chat:show'])
+      window.$crisp.push(['do', 'chat:open'])
+    },
     showValidationErrors() {
       this.showFormErrorModal = true
     },

resources/js/pages/welcome.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <section class="bg-gradient-to-b relative from-white to-gray-100 py-12 sm:py-16 lg:py-20 xl:py-24">
+    <section class="bg-gradient-to-b relative from-white to-gray-100 py-8 sm:py-16 ">
       <div class="absolute inset-0">
         <img class="w-full h-full object-cover object-top"
              :src="asset('img/pages/ai_form_builder/background-pattern.svg')" alt="">