align label

mhkeller · Apr 20, 2023 · 8e34d8b · 8e34d8b
1 parent 1efbf9b
commit 8e34d8b
Showing 1 changed file with 9 additions and 1 deletion.
diff --git 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;
 	}