From 39886cf57c24218669299a8feb6b165712407083 Mon Sep 17 00:00:00 2001
From: Ralph Slooten <axllent@gmail.com>
Date: Sat, 8 Mar 2025 22:49:07 +1300
Subject: [PATCH] Fix: Prevent cropping bottom of label characters in web UI
 (#457)

---
 server/ui-src/components/NavMailbox.vue | 2 +-
 server/ui-src/components/NavSearch.vue  | 2 +-
 server/ui-src/views/MessageView.vue     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/server/ui-src/components/NavMailbox.vue b/server/ui-src/components/NavMailbox.vue
index cd51650..6694b6c 100644
--- a/server/ui-src/components/NavMailbox.vue
+++ b/server/ui-src/components/NavMailbox.vue
@@ -66,7 +66,7 @@ export default {
 <template>
 	<template v-if="!modals">
 		<div class="text-center badge text-bg-primary py-2 my-2 w-100" v-if="mailbox.uiConfig.Label">
-			<div class="text-truncate fw-normal">
+			<div class="text-truncate fw-normal" style="line-height: 1rem">
 				{{ mailbox.uiConfig.Label }}
 			</div>
 		</div>
diff --git a/server/ui-src/components/NavSearch.vue b/server/ui-src/components/NavSearch.vue
index 1e86601..fbacadf 100644
--- a/server/ui-src/components/NavSearch.vue
+++ b/server/ui-src/components/NavSearch.vue
@@ -53,7 +53,7 @@ export default {
 <template>
 	<template v-if="!modals">
 		<div class="text-center badge text-bg-primary py-2 my-2 w-100" v-if="mailbox.uiConfig.Label">
-			<div class="text-truncate fw-normal">
+			<div class="text-truncate fw-normal" style="line-height: 1rem">
 				{{ mailbox.uiConfig.Label }}
 			</div>
 		</div>
diff --git a/server/ui-src/views/MessageView.vue b/server/ui-src/views/MessageView.vue
index d8e8063..c706913 100644
--- a/server/ui-src/views/MessageView.vue
+++ b/server/ui-src/views/MessageView.vue
@@ -570,7 +570,7 @@ export default {
 	<div class="row flex-fill" style="min-height:0">
 		<div class="d-none d-xl-flex col-xl-3 h-100 flex-column">
 			<div class="text-center badge text-bg-primary py-2 my-2 w-100" v-if="mailbox.uiConfig.Label">
-				<div class="text-truncate fw-normal">
+				<div class="text-truncate fw-normal" style="line-height: 1rem">
 					{{ mailbox.uiConfig.Label }}
 				</div>
 			</div>