refactor(ui): minor ui improvements

components/environments/ImportExport.vue

@@ -23,7 +23,7 @@
               $refs.options.tippy().hide()
             "
           />
-          <SmartItem
+          <span
             v-tippy="{ theme: 'tooltip' }"
             :title="
               !currentUser
@@ -32,20 +32,23 @@
                 ? $t('export.require_github')
                 : null
             "
-            :disabled="
-              !currentUser
-                ? true
-                : currentUser.provider !== 'github.com'
-                ? true
-                : false
-            "
-            icon="assignment_turned_in"
-            :label="$t('export.create_secret_gist')"
-            @click.native="
-              createEnvironmentGist
-              $refs.options.tippy().hide()
-            "
-          />
+          >
+            <SmartItem
+              :disabled="
+                !currentUser
+                  ? true
+                  : currentUser.provider !== 'github.com'
+                  ? true
+                  : false
+              "
+              icon="assignment_turned_in"
+              :label="$t('export.create_secret_gist')"
+              @click.native="
+                createEnvironmentGist
+                $refs.options.tippy().hide()
+              "
+            />
+          </span>
         </tippy>
       </span>
     </template>
@@ -143,7 +146,7 @@ export default defineComponent({
         })
         .catch((e) => {
           this.$toast.error(this.$t("error.something_went_wrong"), {
-            icon: "error",
+            icon: "error_outline",
           })
           console.error(e)
         })
@@ -227,7 +230,7 @@ export default defineComponent({
       document.body.appendChild(a)
       a.click()
       this.$toast.success(this.$t("state.download_started"), {
-        icon: "done",
+        icon: "downloading",
       })
       setTimeout(() => {
         document.body.removeChild(a)
@@ -235,7 +238,7 @@ export default defineComponent({
       }, 1000)
     },
     fileImported() {
-      this.$toast.info(this.$t("state.file_imported"), {
+      this.$toast.success(this.$t("state.file_imported"), {
         icon: "folder_shared",
       })
     },