refactor(ui): minor ui improvements

components/collections/ImportExport.vue

@@ -43,7 +43,7 @@
               $refs.options.tippy().hide()
             "
           />
-          <SmartItem
+          <span
             v-tippy="{ theme: 'tooltip' }"
             :title="
               !currentUser
@@ -52,20 +52,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="
-              createCollectionGist
-              $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="
+                createCollectionGist
+                $refs.options.tippy().hide()
+              "
+            />
+          </span>
         </tippy>
       </span>
     </template>
@@ -225,7 +228,7 @@ export default defineComponent({
         })
         .catch((e) => {
           this.$toast.error(this.$t("error.something_went_wrong"), {
-            icon: "error",
+            icon: "error_outline",
           })
           console.error(e)
         })
@@ -405,7 +408,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)
@@ -419,7 +422,7 @@ export default defineComponent({
     },
     failedImport() {
       this.$toast.error(this.$t("import.failed"), {
-        icon: "error",
+        icon: "error_outline",
       })
     },
     parsePostmanCollection({ info, name, item }) {