From 87f5713e36e227bdd4da0466641b03e92b2c8ce8 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/pocket.patch                             |  2 +-
 localinfra/scripts/init-accounts.sh                 |  2 +-
 web/src/lib/components/import/ConnectAccount.svelte |  2 +-
 .../components/import/GitHubAuthorizeStep.svelte    |  5 +++--
 web/src/lib/components/import/RepoRow.svelte        |  2 +-
 web/src/lib/components/ui/EmptyState.svelte         |  4 +++-
 web/src/lib/components/welcome/SocialStep.svelte    | 13 ++++---------
 7 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/localinfra/pocket.patch b/localinfra/pocket.patch
index f1e0c4084..69a4a4ee9 100644
--- a/localinfra/pocket.patch
+++ b/localinfra/pocket.patch
@@ -18,7 +18,7 @@ Local-infra patches against microcosm.blue/microcosm-rs @ 3137b07.
  }
 --- a/pocket/src/token.rs
 +++ b/pocket/src/token.rs
-@@ -71,8 +71,11 @@
+@@ -71,8 +71,9 @@
              ));
          }
  
diff --git a/localinfra/scripts/init-accounts.sh b/localinfra/scripts/init-accounts.sh
index 1f0339080..f5d801396 100644
--- a/localinfra/scripts/init-accounts.sh
+++ b/localinfra/scripts/init-accounts.sh
@@ -18,7 +18,7 @@ VERIFIED_EMAILS_TMP="${VERIFIED_EMAILS_FILE}.tmp"
 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/ui/EmptyState.svelte b/web/src/lib/components/ui/EmptyState.svelte
index 38b46975e..43e6a0d0b 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"];
 		shadow?: CardVariants["shadow"];
@@ -16,6 +17,7 @@
 
 	let {
 		message,
+		messageDirection = "horizontal",
 		icon,
 		border = true,
 		shadow = false,
@@ -48,6 +50,6 @@
 		{#if Icon}
 			<Icon class="size-16 text-foreground-disabled" aria-hidden="true" />
 		{/if}
-		<span class="flex items-center gap-2">{message}{@render children?.()}</span>
+		<span class="flex items-center gap-3 {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 690e63d58..304f2bffe 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,8 @@
 			</div>
 		{/if}
 	{:else}
-		<EmptyState icon={Compass} message="No suggestions yet.">
-			<a
-				href={timelineHref}
-				class="ml-2 flex w-fit items-center gap-1 typography-paragraph-small text-foreground-default no-underline hover:underline"
-			>
-				Browse the timeline
-				<ArrowRight class="size-4 shrink-0" aria-hidden="true" />
-			</a>
+		<EmptyState icon={Compass} message="No suggestions yet." messageDirection="vertical">
+			<Button href={timelineHref} icon={Newspaper} variant="ghost">Browse the timeline</Button>
 		</EmptyState>
 	{/if}
 </div>
-- 
2.51.2