fix sync button

app/javascript/template_builder/google_drive_document_settings.vue

@@ -23,32 +23,32 @@
         </a>
       </li>
       <li>
-        <form
+        <button
-          ref="form"
+          form="sync_form"
-          class="flex items-center"
+          type="submit"
-          @submit.prevent="upload({ path: uploadUrl })"
+          :disabled="isLoading"
         >
-          <input
+          <IconRefresh
-            :id="inputId"
+            class="w-4 h-4 flex-shrink-0"
-            ref="input"
+            :class="{ 'animate-spin': isLoading }"
-            :value="googleDriveFileId"
+          />
-            type="hidden"
+          <span>{{ message }}</span>
-            name="google_drive_file_ids[]"
+        </button>
-          >
-          <button
-            type="submit"
-            :disabled="isLoading"
-            class="flex items-center w-full space-x-2"
-          >
-            <IconRefresh
-              class="w-4 h-4 flex-shrink-0"
-              :class="{ 'animate-spin': isLoading }"
-            />
-            <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>