From fec642a4519c5b10eee8c0095c663532f8ecacfc Mon Sep 17 00:00:00 2001
From: ggurdin <46800240+ggurdin@users.noreply.github.com>
Date: Tue, 13 May 2025 15:01:15 -0400
Subject: [PATCH] chore: give minimum width to message token buttons and align
 tokens at the bottom of columns (#2785)

---
 lib/pages/chat/events/html_message.dart                 | 7 +++----
 lib/pangea/message_token_text/message_token_button.dart | 4 +---
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/lib/pages/chat/events/html_message.dart b/lib/pages/chat/events/html_message.dart
index 32cdca164..055f6b9f9 100644
--- a/lib/pages/chat/events/html_message.dart
+++ b/lib/pages/chat/events/html_message.dart
@@ -290,7 +290,6 @@ class HtmlMessage extends StatelessWidget {
         );
 
         return WidgetSpan(
-          alignment: PlaceholderAlignment.middle,
           child: CompositedTransformTarget(
             link: token != null && renderer.assignTokenKey
                 ? MatrixState.pAnyState
@@ -333,12 +332,12 @@ class HtmlMessage extends StatelessWidget {
                 MouseRegion(
                   cursor: SystemMouseCursors.click,
                   child: GestureDetector(
+                    behavior: HitTestBehavior.translucent,
                     onTap: onClick != null && token != null
                         ? () => onClick?.call(token)
                         : null,
-                    child: Text.rich(
-                      textScaler: TextScaler.noScaling,
-                      TextSpan(
+                    child: RichText(
+                      text: TextSpan(
                         children: [
                           LinkifySpan(
                             text: node.innerHtml,
diff --git a/lib/pangea/message_token_text/message_token_button.dart b/lib/pangea/message_token_text/message_token_button.dart
index a9c79c7b5..7e855e223 100644
--- a/lib/pangea/message_token_text/message_token_button.dart
+++ b/lib/pangea/message_token_text/message_token_button.dart
@@ -393,9 +393,7 @@ class MessageTokenButtonContent extends StatelessWidget {
             child: Container(
               height: height,
               padding: const EdgeInsets.only(top: 10.0),
-              width: MessageMode.wordMeaning == messageMode
-                  ? width
-                  : min(width, height),
+              width: max(width, 24.0),
               alignment: Alignment.center,
               decoration: BoxDecoration(
                 color: Theme.of(context)