From 098873eae93a83f7aff7dc46522ea9a300d60396 Mon Sep 17 00:00:00 2001
From: Patrick Stainbrook <patrick@hohestadt.de>
Date: Fri, 20 Sep 2024 00:33:56 +0200
Subject: [PATCH] fix: adjust button tooltips to same style

Signed-off-by: Patrick Stainbrook <patrick@hohestadt.de>
---
 src/components/panels/HistoryListPanel.vue | 35 ++++++++++++++--------
 src/locales/en.json                        |  1 +
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/components/panels/HistoryListPanel.vue b/src/components/panels/HistoryListPanel.vue
index 85b2b404f..a534f940d 100644
--- a/src/components/panels/HistoryListPanel.vue
+++ b/src/components/panels/HistoryListPanel.vue
@@ -14,15 +14,20 @@
                         dense />
                 </v-col>
                 <v-col class="offset-4 col-4 d-flex align-center justify-end">
-                    <template v-if="selectedJobs.length">
-                        <v-btn
-                            :title="$t('History.Delete')"
-                            color="error"
-                            class="px-2 minwidth-0 ml-3"
-                            @click="deleteSelectedDialog = true">
-                            <v-icon>{{ mdiDelete }}</v-icon>
-                        </v-btn>
-                    </template>
+                    <v-tooltip top>
+                        <template #activator="{ on, attrs }" v-if="selectedJobs.length">
+                            <v-btn
+                                :title="$t('History.Delete')"
+                                color="error"
+                                class="px-2 minwidth-0 ml-3"
+                                v-bind="attrs"
+                                v-on="on"
+                                @click="deleteSelectedDialog = true">
+                                <v-icon>{{ mdiDelete }}</v-icon>
+                            </v-btn>
+                        </template>
+                        <span>{{ $t('History.Delete') }}</span>
+                    </v-tooltip>
                     <v-tooltip top>
                         <template #activator="{ on, attrs }">
                             <v-btn
@@ -58,10 +63,16 @@
                     </v-tooltip>
                     <v-menu :offset-y="true" :close-on-content-click="false">
                         <template #activator="{ on, attrs }">
-                            <v-btn class="px-2 minwidth-0 ml-3" v-bind="attrs" v-on="on">
-                                <v-icon>{{ mdiCog }}</v-icon>
-                            </v-btn>
+                            <v-tooltip top>
+                                <template #activator="{ on: onToolTip }">
+                                    <v-btn class="px-2 minwidth-0 ml-3" v-bind="attrs" v-on="{ ...on, ...onToolTip }">
+                                        <v-icon>{{ mdiCog }}</v-icon>
+                                    </v-btn>
+                                </template>
+                                <span>{{ $t('History.Settings') }}</span>
+                            </v-tooltip>
                         </template>
+                        <span>{{ $t('History.Settings') }}</span>
                         <v-list>
                             <v-list-item class="minHeight36">
                                 <v-checkbox
diff --git a/src/locales/en.json b/src/locales/en.json
index e13f50b3a..4b54994c6 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -433,6 +433,7 @@
         "SelectedFilamentUsed": "Selected Filament Used",
         "SelectedJobs": "Selected Jobs",
         "SelectedPrinttime": "Selected Print Time",
+        "Settings": "Settings",
         "Slicer": "Slicer",
         "SlicerVersion": "Slicer Version",
         "StartTime": "Start Time",