From fae3af4342c8f0588871508e4b21418b6c73f6e7 Mon Sep 17 00:00:00 2001
From: blueb <ihateblueb@proton.me>
Date: Sun, 28 Jan 2024 12:29:16 -0500
Subject: [PATCH] fix: adjust alignment and margin of icon in detailed note
tabs
---
packages/frontend/src/components/SkNoteDetailed.vue | 7 +++++++
1 file changed, 7 insertions(+)
diff --git a/packages/frontend/src/components/SkNoteDetailed.vue b/packages/frontend/src/components/SkNoteDetailed.vue
index d26e431c95..0681ddc6c8 100644
--- a/packages/frontend/src/components/SkNoteDetailed.vue
+++ b/packages/frontend/src/components/SkNoteDetailed.vue
@@ -1081,10 +1081,17 @@ onUnmounted(() => {
}
.tab {
+ display: flex;
+ align-items: center;
+ justify-content: center;
flex: 1;
padding: 12px 8px;
border-top: solid 2px transparent;
border-bottom: solid 2px transparent;
+
+ > i {
+ margin-right: 8px;
+ }
}
.tabActive {