From d838c4a9e53adc7b005622d9b85989b4009b03be Mon Sep 17 00:00:00 2001
From: monolithic827 <257007037+monolithic827@users.noreply.github.com>
Date: Sat, 31 Jan 2026 16:50:02 +0200
Subject: [PATCH] Fix button spacing for some dialog boxes (#1617)

* fix location text truncation and overflow issues (#1606)

* Fix button spacing for dialog boxes

---------

Co-authored-by: pa <maplenagisa@gmail.com>
---
 .../Settings/dialogs/FeedFiltersDialog.vue    |  2 +-
 .../Settings/dialogs/TranslationApiDialog.vue | 43 ++++++++-----------
 .../Settings/dialogs/YouTubeApiDialog.vue     | 18 ++++----
 3 files changed, 28 insertions(+), 35 deletions(-)

diff --git a/src/views/Settings/dialogs/FeedFiltersDialog.vue b/src/views/Settings/dialogs/FeedFiltersDialog.vue
index 8d803bd4..cb782967 100644
--- a/src/views/Settings/dialogs/FeedFiltersDialog.vue
+++ b/src/views/Settings/dialogs/FeedFiltersDialog.vue
@@ -73,7 +73,7 @@
                 <Button variant="secondary" @click="currentResetFunction">{{
                     t('dialog.shared_feed_filters.reset')
                 }}</Button>
-                <Button style="margin-left: 10px" @click="handleDialogClose">{{
+                <Button @click="handleDialogClose">{{
                     t('dialog.shared_feed_filters.close')
                 }}</Button>
             </DialogFooter>
diff --git a/src/views/Settings/dialogs/TranslationApiDialog.vue b/src/views/Settings/dialogs/TranslationApiDialog.vue
index 52d23652..68426002 100644
--- a/src/views/Settings/dialogs/TranslationApiDialog.vue
+++ b/src/views/Settings/dialogs/TranslationApiDialog.vue
@@ -102,30 +102,25 @@
             </template>
 
             <DialogFooter>
-                <div class="flex items-center justify-between">
-                    <Button
-                        variant="outline"
-                        v-if="form.translationApiType === 'google'"
-                        @click="
-                            openExternalLink(
-                                'https://translatepress.com/docs/automatic-translation/generate-google-api-key/'
-                            )
-                        ">
-                        {{ t('dialog.translation_api.guide') }}
-                    </Button>
-                    <Button
-                        variant="outline"
-                        class="mr-2"
-                        v-if="form.translationApiType === 'openai'"
-                        @click="testOpenAiTranslation">
-                        {{ t('dialog.translation_api.test') }}
-                    </Button>
-                    <div>
-                        <Button style="margin-left: auto" @click="saveTranslationApiConfig">
-                            {{ t('dialog.translation_api.save') }}
-                        </Button>
-                    </div>
-                </div>
+                <Button
+                    variant="outline"
+                    v-if="form.translationApiType === 'google'"
+                    @click="
+                        openExternalLink(
+                            'https://translatepress.com/docs/automatic-translation/generate-google-api-key/'
+                        )
+                    ">
+                    {{ t('dialog.translation_api.guide') }}
+                </Button>
+                <Button
+                    variant="outline"
+                    v-if="form.translationApiType === 'openai'"
+                    @click="testOpenAiTranslation">
+                    {{ t('dialog.translation_api.test') }}
+                </Button>
+                <Button @click="saveTranslationApiConfig">
+                    {{ t('dialog.translation_api.save') }}
+                </Button>
             </DialogFooter>
         </DialogContent>
     </Dialog>
diff --git a/src/views/Settings/dialogs/YouTubeApiDialog.vue b/src/views/Settings/dialogs/YouTubeApiDialog.vue
index f922e6f0..e1049fb5 100644
--- a/src/views/Settings/dialogs/YouTubeApiDialog.vue
+++ b/src/views/Settings/dialogs/YouTubeApiDialog.vue
@@ -15,16 +15,14 @@
                 show-count />
 
             <DialogFooter>
-                <div class="flex items-center justify-between">
-                    <Button
-                        variant="outline"
-                        @click="openExternalLink('https://smashballoon.com/doc/youtube-api-key/')">
-                        {{ t('dialog.youtube_api.guide') }}
-                    </Button>
-                    <Button style="margin-left: auto" @click="testYouTubeApiKey">
-                        {{ t('dialog.youtube_api.save') }}
-                    </Button>
-                </div>
+                <Button
+                    variant="outline"
+                    @click="openExternalLink('https://smashballoon.com/doc/youtube-api-key/')">
+                    {{ t('dialog.youtube_api.guide') }}
+                </Button>
+                <Button @click="testYouTubeApiKey">
+                    {{ t('dialog.youtube_api.save') }}
+                </Button>
             </DialogFooter>
         </DialogContent>
     </Dialog>