fix sync button

app/javascript/template_builder/google_drive_document_settings.vue

@@ -23,22 +23,10 @@
         </a>
       </li>
       <li>
-        <form
-          ref="form"
-          class="flex items-center"
-          @submit.prevent="upload({ path: uploadUrl })"
-        >
-          <input
-            :id="inputId"
-            ref="input"
-            :value="googleDriveFileId"
-            type="hidden"
-            name="google_drive_file_ids[]"
-          >
         <button
+          form="sync_form"
           type="submit"
           :disabled="isLoading"
-            class="flex items-center w-full space-x-2"
         >
           <IconRefresh
             class="w-4 h-4 flex-shrink-0"
@@ -46,9 +34,21 @@
           />
           <span>{{ message }}</span>
         </button>
-        </form>
       </li>
     </ul>
+    <form
+      id="sync_form"
+      ref="form"
+      class="hidden"
+      @submit.prevent="upload({ path: uploadUrl })"
+    >
+      <input
+        :id="inputId"
+        ref="input"
+        :value="googleDriveFileId"
+        name="google_drive_file_ids[]"
+      >
+    </form>
   </div>
 </template>