From 154f68b153b3e3c5b7ed664f209c5aa164a78c68 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Sun, 5 Jan 2025 19:46:16 +0100
Subject: [PATCH] fix(ui): podcasts remote search form

---
 front/src/components/RemoteSearchForm.vue | 76 ++++++++++++-----------
 1 file changed, 39 insertions(+), 37 deletions(-)

diff --git a/front/src/components/RemoteSearchForm.vue b/front/src/components/RemoteSearchForm.vue
index a8672cab7..bd69f94d9 100644
--- a/front/src/components/RemoteSearchForm.vue
+++ b/front/src/components/RemoteSearchForm.vue
@@ -172,9 +172,30 @@ watch(() => props.initialId, () => {
 </script>
 
 <template>
-  <Tabs
+  <Alert red
+    v-if="!isLoading && obj?.status === 'finished' && !redirectRoute"
+  >
+    {{ t('components.RemoteSearchForm.warning.unsupported') }}
+  </Alert>
+  <Alert red
+    v-if="errors.length > 0"
+    role="alert"
+    title="t('components.RemoteSearchForm.header.fetchFailed')"
+  >
+    <ul class="list">
+      <li
+        v-for="(error, key) in errors"
+        :key="key"
+      >
+        {{ error }}
+      </li>
+    </ul>
+  </Alert>
+  <Layout form
     v-if="type === 'both'"
-    class="two ui buttons"
+    id="remote-search"
+  >
+  <Tabs
   >
     <Tab
       icon="bi-feed"
@@ -207,40 +228,21 @@ watch(() => props.initialId, () => {
       />
     </Tab>
   </Tabs>
-  <div v-else>
-    <Layout form
-      id="remote-search"
-      :class="['ui', {loading: isLoading}, 'form']"
-      @submit.stop.prevent="submit"
+</Layout>
+  <Layout form
+    v-else
+    id="remote-search"
+    :class="['ui', {loading: isLoading}, 'form']"
+    @submit.stop.prevent="submit"
+  >
+    <Button
+      v-if="showSubmit"
+      primary
+      type="submit"
+      :class="{loading: isLoading}"
+      :disabled="isLoading || !id || id.length === 0"
     >
-      <Alert red
-        v-if="errors.length > 0"
-        role="alert"
-        title="t('components.RemoteSearchForm.header.fetchFailed')"
-      >
-        <ul class="list">
-          <li
-            v-for="(error, key) in errors"
-            :key="key"
-          >
-            {{ error }}
-          </li>
-        </ul>
-      </Alert>
-      <Button
-        v-if="showSubmit"
-        primary
-        type="submit"
-        :class="{loading: isLoading}"
-        :disabled="isLoading || !id || id.length === 0"
-      >
-        {{ t('components.RemoteSearchForm.button.search') }}
-      </Button>
-    </Layout>
-    <Alert
-      v-if="!isLoading && obj?.status === 'finished' && !redirectRoute"
-    >
-      {{ t('components.RemoteSearchForm.warning.unsupported') }}
-    </Alert>
-  </div>
+      {{ t('components.RemoteSearchForm.button.search') }}
+    </Button>
+  </Layout>
 </template>