style: adjust responsive top margin & menu button top margin, fix a11y in sidebar

Author: WarningImHack3r

src/routes/package/+layout.svelte

@@ -10,7 +10,7 @@
 	let showPrereleases = $state(true);
 </script>
 
-<div class="relative mt-8 flex gap-8 lg:mt-0">
+<div class="relative flex gap-8">
 	<div class="flex-1">
 		{@render children()}
 	</div>
@@ -23,7 +23,7 @@
 					variant="secondary"
 					class={[
 						"absolute right-0 mt-12 ml-auto lg:hidden",
-						page.data.currentPackage.pkg.description?.length && "mt-16"
+						page.data.currentPackage.pkg.description?.length && "mt-12 sm:mt-16"
 					]}
 				>
 					<Menu />

src/routes/package/SidePanel.svelte

@@ -217,27 +217,19 @@
 			!headless && "-mt-2 rounded-b-xl border-x border-b bg-card px-4 pt-5 pb-2.5"
 		]}
 	>
-		<Tooltip.Provider>
-			<Tooltip.Root delayDuration={300}>
-				<Tooltip.Trigger>
-					<Checkbox
-						disabled
-						id="beta-releases-{id}"
-						aria-labelledby="beta-releases-label-{id}"
-						bind:checked={showPrereleases}
-					/>
-					<Label
-						id="beta-releases-label-{id}"
-						for="beta-releases-{id}"
-						class="text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-					>
-						Show {packageName} prereleases
-					</Label>
-				</Tooltip.Trigger>
-				<Tooltip.Content side={headless ? undefined : "bottom"}>
-					Coming back soon, unavailable for now :/
-				</Tooltip.Content>
-			</Tooltip.Root>
-		</Tooltip.Provider>
+		<Checkbox
+			disabled
+			id="beta-releases-{id}"
+			aria-labelledby="beta-releases-label-{id}"
+			bind:checked={showPrereleases}
+		/>
+		<Label
+			id="beta-releases-label-{id}"
+			for="beta-releases-{id}"
+			class="text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+		>
+			Show {packageName} prereleases
+			<span class="text-muted-foreground">(Unavailable)</span>
+		</Label>
 	</div>
 </div>