From 1c6829d5c3aa6d1cacda1307b4bcf49ec852d295 Mon Sep 17 00:00:00 2001
From: Naomi Ahmed <yretenai@gmail.com>
Date: Thu, 22 Dec 2022 18:35:56 +0000
Subject: [PATCH] Fix Column header button and icon alignment

---
 packages/client/src/ui/deck/column.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/ui/deck/column.vue b/packages/client/src/ui/deck/column.vue
index 69909bad21..68189af8f8 100644
--- a/packages/client/src/ui/deck/column.vue
+++ b/packages/client/src/ui/deck/column.vue
@@ -23,7 +23,7 @@
 			<slot name="action"></slot>
 		</div>
 		<span class="header"><slot name="header"></slot></span>
-		<button v-tooltip="i18n.ts.settings" class="menu _button" @click.stop="showSettingsMenu"><i class="ph-three-dots-outline-vertical-bold ph-lg"></i></button>
+		<button v-tooltip="i18n.ts.settings" class="menu _button" @click.stop="showSettingsMenu"><i class="ph-dots-three-outline-vertical-bold ph-lg"></i></button>
 	</header>
 	<div v-show="active" ref="body">
 		<slot></slot>
@@ -245,6 +245,16 @@ function onDrop(ev) {
 }
 </script>
 
+<style lang="scss">
+.dnpfarvg {
+	header {
+		.ph-lg {
+			vertical-align: -.24em;
+		}
+	}
+}
+</style>
+
 <style lang="scss" scoped>
 .dnpfarvg {
 	--root-margin: 10px;