From 5db6474e9417472f68d4285cd221a5820de98c96 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Mon, 6 Apr 2026 21:32:47 +0700
Subject: [PATCH] Emphasize email subjects in message registry

---
 app/pages/messages.vue | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/app/pages/messages.vue b/app/pages/messages.vue
index 8307916..796e405 100644
--- a/app/pages/messages.vue
+++ b/app/pages/messages.vue
@@ -61,16 +61,23 @@ function channelLabel(channel: TemplateChannel['channel']) {
             </h3>
 
             <div class="mt-3 rounded-[20px] bg-[#f8fbf9] p-4">
-              <div v-if="channel.subject" class="space-y-1">
-                <p class="text-xs font-semibold uppercase tracking-[0.12em] text-[#5c7b69]">
-                  Тема
-                </p>
-                <p class="text-sm font-semibold text-[#123824]">
-                  {{ channel.subject }}
-                </p>
+              <div
+                v-if="channel.subject"
+                class="mb-4 rounded-[16px] border border-[#d7e4dc] bg-white/80 p-3"
+              >
+                <div class="flex items-center gap-3">
+                  <span class="badge border-0 bg-[#123824] px-3 py-3 text-[0.7rem] font-bold uppercase tracking-[0.12em] text-white">
+                    Тема
+                  </span>
+                  <p class="text-sm font-semibold text-[#123824]">
+                    {{ channel.subject }}
+                  </p>
+                </div>
+
+                <div class="mt-3 h-px bg-[#d7e4dc]" />
               </div>
 
-              <div class="mt-3 space-y-3 text-sm leading-6 text-[#123824]">
+              <div class="space-y-3 text-sm leading-6 text-[#123824]">
                 <p
                   v-for="line in channel.body"
                   :key="line"