From 43c8376ebf71c4233a370ded50c1d1ef7b287789 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Wed, 5 Aug 2026 17:53:31 +0300
Subject: [PATCH] web/components/pipelines: more pipelines nitpicks

Signed-off-by: eti <eti@eti.tf>
---
 web/src/lib/components/repo/CommitList.svelte |  5 ++--
 .../repo/pipelines/PipelineWorkflows.svelte   | 26 +++++++++----------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/web/src/lib/components/repo/CommitList.svelte b/web/src/lib/components/repo/CommitList.svelte
index 5111c4c8..64db1b8a 100644
--- a/web/src/lib/components/repo/CommitList.svelte
+++ b/web/src/lib/components/repo/CommitList.svelte
@@ -23,7 +23,7 @@
 	let expanded = $state<Record<string, boolean>>({});
 </script>
 
-<div class="flex flex-col gap-6">
+<div class="flex flex-col gap-4">
 	{#each commits as commit (commit.hash)}
 		<div>
 			<div class="flex items-start gap-1">
@@ -53,7 +53,7 @@
 			{/if}
 
 			<div
-				class="mt-2 flex flex-wrap items-center gap-2 typography-paragraph-small text-foreground-muted"
+				class="mt-1.25 flex flex-wrap items-center gap-2 typography-paragraph-small text-foreground-muted"
 			>
 				<a
 					href={resolve(`${base}/commit/${commit.hash}` as "/")}
@@ -81,6 +81,7 @@
 							<PipelineWorkflows
 								{ownerHandle}
 								{repoName}
+								size="small"
 								pipeline={statuses[commit.hash]}
 								variant="symbol"
 							/>
diff --git a/web/src/lib/components/repo/pipelines/PipelineWorkflows.svelte b/web/src/lib/components/repo/pipelines/PipelineWorkflows.svelte
index 60f23e03..d01c660e 100644
--- a/web/src/lib/components/repo/pipelines/PipelineWorkflows.svelte
+++ b/web/src/lib/components/repo/pipelines/PipelineWorkflows.svelte
@@ -42,7 +42,7 @@
 	import PipelineStatusIcon from "./PipelineStatusIcon.svelte";
 	import PipelineSymbol from "./PipelineSymbol.svelte";
 	import ShimmerText from "$lib/components/ui/ShimmerText.svelte";
-	import Button from "$lib/components/ui/Button.svelte";
+	import Button, { type ButtonVariants } from "$lib/components/ui/Button.svelte";
 	import type { Component } from "svelte";
 	import type { SvelteHTMLElements } from "svelte/elements";
 
@@ -57,6 +57,7 @@
 		chevron?: boolean;
 		icon?: Component<SvelteHTMLElements["svg"]>;
 		iconClass?: string;
+		size?: ButtonVariants["size"];
 	}
 
 	let {
@@ -67,7 +68,8 @@
 		summary = "short",
 		chevron = false,
 		icon,
-		iconClass
+		iconClass,
+		size = "regular"
 	}: Props = $props();
 
 	const count = $derived(pipeline.workflows.length);
@@ -103,26 +105,22 @@
 		group="pipeline-workflows"
 		variant="button"
 		buttonVariant="ghost"
+		{size}
 		align="left"
 		menuClass="w-72"
 		label={longSummary(pipeline)}
-		xOffset={-8.5}
 	>
 		{#snippet trigger()}
 			<span class={classes.trigger()}>
+				{#if Icon}
+					<Icon class="size-3 {iconClass}" aria-hidden="true" />
+				{/if}
+				<PipelineSymbol {pipeline} class={classes.symbol()} />
+				<span class={classes.status()}>
+					{summary === "long" ? longSummary(pipeline) : shortSummary(pipeline)}
+				</span>
 				{#if chevron}
-					{#if Icon}
-						<Icon class="size-3 {iconClass}" aria-hidden="true" />
-					{/if}
-					<span class={classes.status()}>
-						{label}
-					</span>
 					<ChevronDown class={classes.icon()} aria-hidden="true" />
-				{:else}
-					<PipelineSymbol {pipeline} class={classes.symbol()} />
-					<span class={classes.status()}>
-						{summary === "long" ? longSummary(pipeline) : shortSummary(pipeline)}
-					</span>
 				{/if}
 			</span>
 		{/snippet}
-- 
2.51.2