From c4fc320a6ab862d8baf33376cb58068fd72d48c2 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sun, 27 Apr 2025 19:35:30 +0600
Subject: [PATCH] web/SupportedServices: clean up a bit

---
 .../components/save/SupportedServices.svelte    | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/web/src/components/save/SupportedServices.svelte b/web/src/components/save/SupportedServices.svelte
index 4f8c625b..0b310603 100644
--- a/web/src/components/save/SupportedServices.svelte
+++ b/web/src/components/save/SupportedServices.svelte
@@ -3,15 +3,12 @@
     import cachedInfo from "$lib/state/server-info";
     import { getServerInfo } from "$lib/api/server-info";
 
-    import type { SvelteComponent } from "svelte";
-
     import Skeleton from "$components/misc/Skeleton.svelte";
     import IconPlus from "@tabler/icons-svelte/IconPlus.svelte";
     import PopoverContainer from "$components/misc/PopoverContainer.svelte";
 
     let services: string[] = [];
 
-    let popover: SvelteComponent;
     $: expanded = false;
 
     let servicesContainer: HTMLDivElement;
@@ -50,11 +47,7 @@
         <span class="title">{$t("save.services.title")}</span>
     </button>
 
-    <PopoverContainer
-        bind:this={popover}
-        id="services-popover"
-        {expanded}
-    >
+    <PopoverContainer id="services-popover" {expanded}>
         <div
             id="services-container"
             bind:this={servicesContainer}
@@ -101,7 +94,9 @@
         font-size: 13px;
         font-weight: 500;
         background: none;
-        transition: background 0.2s, box-shadow 0.1s;
+        transition:
+            background 0.2s,
+            box-shadow 0.1s;
     }
 
     #services-button:not(:focus-visible):not(:active) {
@@ -118,7 +113,9 @@
         background: var(--button-elevated);
         padding: 0;
         box-shadow: none;
-        transition: background 0.2s, transform 0.2s;
+        transition:
+            background 0.2s,
+            transform 0.2s;
     }
 
     #services-button:active {