diff --git a/src/components/NakedButton.svelte b/src/components/NakedButton.svelte
index 5f4799bd7..4ee8061e7 100644
--- a/src/components/NakedButton.svelte
+++ b/src/components/NakedButton.svelte
@@ -5,8 +5,9 @@
children: Snippet;
title?: string;
variant: "primary" | "secondary" | "ghost";
- onclick?: () => void;
+ onclick?: (e: MouseEvent) => void;
styleHeight?: string;
+ stylePadding?: string;
}
const {
@@ -15,6 +16,7 @@
variant,
onclick,
styleHeight = "2rem",
+ stylePadding = "0 8px",
}: Props = $props();
const style = $derived(
@@ -71,7 +73,6 @@
}
.p3-3 {
grid-area: p3-3;
- padding: 0 8px;
display: flex;
align-items: center;
gap: 0.5rem;
@@ -232,7 +233,7 @@
-
+
{@render children()}
diff --git a/src/components/RevisionSelector.svelte b/src/components/RevisionSelector.svelte
index ae93c00ed..5613f0925 100644
--- a/src/components/RevisionSelector.svelte
+++ b/src/components/RevisionSelector.svelte
@@ -54,10 +54,19 @@
}
-
+
{#snippet toggle(onclick)}
-
-
+ {
+ e.stopPropagation();
+ e.preventDefault();
+ onclick();
+ }}
+ stylePadding="0 4px">
+
+
+
{/snippet}
diff --git a/src/components/Tab.svelte b/src/components/Tab.svelte
index afb7b5125..8c9fd453e 100644
--- a/src/components/Tab.svelte
+++ b/src/components/Tab.svelte
@@ -30,13 +30,14 @@
display: flex;
flex-direction: row;
font-size: var(--font-size-small);
+ height: 38px;
}
.wrapper {
position: relative;
display: flex;
gap: 0.5rem;
- padding: 5px 0;
+ padding: 3px 0;
align-items: center;
}
diff --git a/src/views/repo/Patch.svelte b/src/views/repo/Patch.svelte
index 8cbe2638b..7d5418321 100644
--- a/src/views/repo/Patch.svelte
+++ b/src/views/repo/Patch.svelte
@@ -546,7 +546,7 @@
{formatOid(patch.id)}
Initial
@@ -558,17 +558,18 @@
tab = "revisions";
}}>
{formatOid(selectedRevision.id)}
-
+
+
+ {
+ selectedRevision = rev;
+ tab = "revisions";
+ }} />
+
-
- {
- selectedRevision = rev;
- tab = "revisions";
- }} />
{/if}