From 5e2d1f58eb7176ac593072ee2aa78336dcea5cd6 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Tue, 22 Sep 2026 17:22:35 +0200
Subject: [PATCH] web/github-import: styling nits

Signed-off-by: eti <eti@eti.tf>
---
 localinfra/scripts/init-accounts.sh                  |  2 +-
 web/src/lib/components/import/ConnectAccount.svelte  |  2 +-
 .../lib/components/import/GitHubAuthorizeStep.svelte |  5 +++--
 web/src/lib/components/import/RepoRow.svelte         |  2 +-
 web/src/lib/components/repo/RepoIndexView.svelte     |  3 ++-
 web/src/lib/components/repo/pulls/PullCompose.svelte |  1 -
 web/src/lib/components/ui/EmptyState.svelte          |  6 +++++-
 web/src/lib/components/welcome/SocialStep.svelte     | 12 ++++--------
 web/src/routes/verify/email/+page.svelte             |  2 --
 web/src/routes/welcome/+page.svelte                  |  2 +-
 10 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/localinfra/scripts/init-accounts.sh b/localinfra/scripts/init-accounts.sh
index ce902120a..7682a6d95 100644
--- a/localinfra/scripts/init-accounts.sh
+++ b/localinfra/scripts/init-accounts.sh
@@ -19,7 +19,7 @@ TRANQUIL_PASSWORD="${TRANQUIL_PASSWORD:-Tangled-Dev9}"
 mkdir -p "$SHARED_DIR"
 : > "$VERIFIED_EMAILS_TMP"
 ACCOUNTS_FILE="${SHARED_DIR}/accounts.tsv"
-add-accounts.sh $USERS > "$ACCOUNTS_FILE"
+sh /scripts/add-accounts.sh $USERS > "$ACCOUNTS_FILE"
 cat "$ACCOUNTS_FILE" >&2
 
 OWNER_DID=""
diff --git a/web/src/lib/components/import/ConnectAccount.svelte b/web/src/lib/components/import/ConnectAccount.svelte
index 54d78e4f2..76e10d02d 100644
--- a/web/src/lib/components/import/ConnectAccount.svelte
+++ b/web/src/lib/components/import/ConnectAccount.svelte
@@ -40,7 +40,7 @@
 		{/if}
 	</div>
 	{#if connected}
-		<Button variant="ghost" size="small" icon={LogOut} onclick={onDisconnect}>
+		<Button variant="ghost" icon={LogOut} onclick={onDisconnect}>
 			Disconnect account
 		</Button>
 	{/if}
diff --git a/web/src/lib/components/import/GitHubAuthorizeStep.svelte b/web/src/lib/components/import/GitHubAuthorizeStep.svelte
index e7824fcf2..303af9494 100644
--- a/web/src/lib/components/import/GitHubAuthorizeStep.svelte
+++ b/web/src/lib/components/import/GitHubAuthorizeStep.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import Check from "$icon/check";
+	import UserKey from "$icon/user-key";
 	import Button from "$lib/components/ui/Button.svelte";
 	import Step from "./Step.svelte";
 
@@ -17,7 +18,7 @@
 	<p class="typography-paragraph-small text-foreground-muted">
 		The migrator needs your permission to create the imported repositories in your account.
 	</p>
-	<div class="mt-4 flex items-center justify-end gap-3">
+	<div class="mt-4 flex items-center justify-end gap-4">
 		{#if authorized}
 			<span
 				role="status"
@@ -26,7 +27,7 @@
 				<Check class="size-4" aria-hidden="true" />Migrator authorized
 			</span>
 		{/if}
-		<Button variant="primary" disabled={disabled || authorized} onclick={onAuthorize}>
+		<Button variant="primary" disabled={disabled || authorized} onclick={onAuthorize} icon={UserKey}>
 			Authorize the migrator
 		</Button>
 	</div>
diff --git a/web/src/lib/components/import/RepoRow.svelte b/web/src/lib/components/import/RepoRow.svelte
index 32302dd24..ea65adc45 100644
--- a/web/src/lib/components/import/RepoRow.svelte
+++ b/web/src/lib/components/import/RepoRow.svelte
@@ -58,7 +58,7 @@
 			onclick={onExpand}
 			aria-expanded={expanded}
 		>
-			<span class="min-w-0 flex-1 truncate font-medium">{repo.fullName}</span>
+			<span class="min-w-0 flex-1 truncate">{repo.fullName}</span>
 			{#if repo.private}
 				<Tag size="small" icon={Lock}>Private</Tag>
 			{/if}
diff --git a/web/src/lib/components/repo/RepoIndexView.svelte b/web/src/lib/components/repo/RepoIndexView.svelte
index 81486cb80..facda9921 100644
--- a/web/src/lib/components/repo/RepoIndexView.svelte
+++ b/web/src/lib/components/repo/RepoIndexView.svelte
@@ -72,7 +72,8 @@
 			<div class="flex h-96 items-center justify-center text-center">
 				<span class="flex items-center gap-2">
 					<Spinner class="size-5 shrink-0" />
-					This repository is still importing from {repo.importSource ?? "its source"}. Its content will appear here as it lands.
+					This repository is still importing from {repo.importSource ?? "its source"}. Its
+					content will appear here as it lands.
 				</span>
 			</div>
 		{:else if availability === "import-failed"}
diff --git a/web/src/lib/components/repo/pulls/PullCompose.svelte b/web/src/lib/components/repo/pulls/PullCompose.svelte
index c4bb09a2f..264e22361 100644
--- a/web/src/lib/components/repo/pulls/PullCompose.svelte
+++ b/web/src/lib/components/repo/pulls/PullCompose.svelte
@@ -296,7 +296,6 @@
 	});
 
 	const canSubmit = $derived(title.trim() !== "" && !save.loading);
-
 </script>
 
 {#snippet notice(message: string, danger = false)}
diff --git a/web/src/lib/components/ui/EmptyState.svelte b/web/src/lib/components/ui/EmptyState.svelte
index 04d2ddd91..20f0f4f34 100644
--- a/web/src/lib/components/ui/EmptyState.svelte
+++ b/web/src/lib/components/ui/EmptyState.svelte
@@ -5,6 +5,7 @@
 
 	interface Props {
 		message: string;
+		messageDirection: string;
 		icon?: Component<SvelteHTMLElements["svg"]>;
 		border?: CardVariants["border"];
 		background?: CardVariants["background"];
@@ -15,6 +16,7 @@
 
 	let {
 		message,
+		messageDirection = "horizontal",
 		icon,
 		border = true,
 		background = false,
@@ -46,6 +48,8 @@
 		{#if Icon}
 			<Icon class="size-16 text-foreground-disabled" aria-hidden="true" />
 		{/if}
-		<span class="flex items-center gap-xs">{message}{@render children?.()}</span>
+		<span class="flex items-center gap-sm {messageDirection === 'vertical' && 'flex-col'}"
+			>{message}{@render children?.()}</span
+		>
 	</Card>
 {/if}
diff --git a/web/src/lib/components/welcome/SocialStep.svelte b/web/src/lib/components/welcome/SocialStep.svelte
index d14cf0f68..10103f9d5 100644
--- a/web/src/lib/components/welcome/SocialStep.svelte
+++ b/web/src/lib/components/welcome/SocialStep.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	import { resolve } from "$app/paths";
-	import ArrowRight from "$icon/arrow-right";
+	import Newspaper from "$icon/newspaper";
 	import Compass from "$icon/compass";
 	import EmptyState from "$lib/components/ui/EmptyState.svelte";
 	import FollowCard from "$lib/components/profile/FollowCard.svelte";
 	import RepoCard from "$lib/components/repo/RepoCard.svelte";
 	import { repoKey, type PersonData, type RepoCardData } from "$lib/components/profile/types";
 	import StepHeader from "$lib/components/welcome/StepHeader.svelte";
+	import Button from "$lib/components/ui/Button.svelte";
 
 	let {
 		people,
@@ -49,14 +50,9 @@
 			</div>
 		{/if}
 	{:else}
-		<EmptyState icon={Compass} message="No suggestions yet.">
-			<a
-				href={timelineHref}
-				class="ml-xs flex w-fit items-center gap-2xs typography-paragraph-small text-foreground-default no-underline hover:underline"
+		<EmptyState icon={Compass} message="No suggestions yet." messageDirection="vertical">
+			<Button href={timelineHref} icon={Newspaper} variant="ghost">Browse the timeline</Button
 			>
-				Browse the timeline
-				<ArrowRight class="size-3.5 shrink-0" aria-hidden="true" />
-			</a>
 		</EmptyState>
 	{/if}
 </div>
diff --git a/web/src/routes/verify/email/+page.svelte b/web/src/routes/verify/email/+page.svelte
index 256d00704..bd5542d87 100644
--- a/web/src/routes/verify/email/+page.svelte
+++ b/web/src/routes/verify/email/+page.svelte
@@ -5,7 +5,6 @@
 	import VerifyEmailCard from "$lib/components/settings/VerifyEmailCard.svelte";
 	import { announceEmailVerified } from "$lib/components/settings/tabs/emailRecheck";
 
-
 	const deliberiUrl = $derived(page.data.publicConfig?.deliberiUrl as string | undefined);
 
 	let state = $state<
@@ -47,5 +46,4 @@
 			<VerifyEmailCard {state} />
 		</div>
 	</main>
-
 </div>
diff --git a/web/src/routes/welcome/+page.svelte b/web/src/routes/welcome/+page.svelte
index 18766cac0..57bb368cd 100644
--- a/web/src/routes/welcome/+page.svelte
+++ b/web/src/routes/welcome/+page.svelte
@@ -348,7 +348,7 @@
 				</p>
 				<a
 					href={`${resolve("/repo/migrate")}#migrations`}
-					class="shrink-0 font-medium text-foreground-default underline hover:text-foreground-strong"
+					class="hover:text-foreground-strong shrink-0 font-medium text-foreground-default underline"
 				>
 					View migration
 				</a>
-- 
2.51.2