From 8e34d8b85551484e2c6cccc8a1b3714ca3d2f906 Mon Sep 17 00:00:00 2001
From: mhkeller <code@mhkeller.com>
Date: Wed, 19 Apr 2023 23:37:24 -0400
Subject: [PATCH] align label

---
 src/_components/ColorBar.html.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/_components/ColorBar.html.svelte b/src/_components/ColorBar.html.svelte
index 417d88dc..0622fcfd 100644
--- a/src/_components/ColorBar.html.svelte
+++ b/src/_components/ColorBar.html.svelte
@@ -99,7 +99,7 @@
 	div.colorbar {
 		display: flex;
 		box-sizing: border-box;
-		place-items: center;
+		align-items: baseline;
 		position: relative;
 		gap: var(--cbar-gap, 5pt);
 		margin: var(--cbar-margin);
@@ -133,6 +133,14 @@
 		flex: 1;
 	}
 
+	.label[data-labelside*='right'][data-tickside='top'],
+	.label[data-labelside*='left'][data-tickside='top'] {
+		transform: translateY(-1px);
+	}
+	.label[data-labelside*='right'][data-tickside='bottom'],
+	.label[data-labelside*='left'][data-tickside='bottom'] {
+		transform: translateY(-1px);
+	}
 	.label[data-labelside*='top-'][data-tickside='top'] {
 		margin-bottom: 10px;
 	}