From 46d48132bd119a215dac281e2c98f687c55e2444 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sat, 13 Dec 2025 14:35:25 -0800
Subject: [PATCH] sidebar: fix proficiency list spacing

---
 .../sidebar/details/BasicInfoSection.svelte     | 17 ++++++++++++++---
 .../DetailsSidebarSegmentedControl.svelte       |  3 ++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/sidebar/details/BasicInfoSection.svelte b/src/lib/components/sidebar/details/BasicInfoSection.svelte
index d2d658b6..5acef4ab 100644
--- a/src/lib/components/sidebar/details/BasicInfoSection.svelte
+++ b/src/lib/components/sidebar/details/BasicInfoSection.svelte
@@ -57,9 +57,11 @@
 		<DetailRow label="Gender" value={getGenderLabel(itemData?.gender)} />
 		{#if itemData?.proficiency && itemData.proficiency.length > 0}
 			<DetailRow label="Proficiencies">
-				{#each itemData.proficiency as prof}
-					<ProficiencyLabel proficiency={prof} size="medium" />
-				{/each}
+				<span class="proficiency-list">
+					{#each itemData.proficiency as prof}
+						<ProficiencyLabel proficiency={prof} size="medium" />
+					{/each}
+				</span>
 			</DetailRow>
 		{/if}
 	{:else if type === 'weapon'}
@@ -80,3 +82,12 @@
 		/>
 	</DetailRow>
 </DetailsSection>
+
+<style lang="scss">
+	@use '$src/themes/spacing' as *;
+
+	.proficiency-list {
+		display: inline-flex;
+		gap: $unit-half;
+	}
+</style>
diff --git a/src/lib/components/sidebar/modifications/DetailsSidebarSegmentedControl.svelte b/src/lib/components/sidebar/modifications/DetailsSidebarSegmentedControl.svelte
index 4814e043..6499f511 100644
--- a/src/lib/components/sidebar/modifications/DetailsSidebarSegmentedControl.svelte
+++ b/src/lib/components/sidebar/modifications/DetailsSidebarSegmentedControl.svelte
@@ -22,10 +22,11 @@
 			bind:value={selectedView}
 			onValueChange={handleViewChange}
 			variant="background"
+			size="small"
 			grow
 		>
 			<Segment value="user">This team</Segment>
-			<Segment value="canonical">Stats</Segment>
+			<Segment value="canonical">Info</Segment>
 		</SegmentedControl>
 	</div>
 {/if}