From 8dcffbdabb2f9555eeac73f2d9996e967a491bd2 Mon Sep 17 00:00:00 2001
From: ggurdin <ggurdin@gmail.com>
Date: Mon, 26 Jan 2026 16:52:43 -0500
Subject: [PATCH] chore: better match tooltip style

---
 .../widgets/anchored_overlay_widget.dart      |  2 +-
 .../widgets/tutorial_overlay_message.dart     | 40 +++++++++----------
 2 files changed, 19 insertions(+), 23 deletions(-)

diff --git a/lib/pangea/common/widgets/anchored_overlay_widget.dart b/lib/pangea/common/widgets/anchored_overlay_widget.dart
index 3fa88f65a..60fd2dc9a 100644
--- a/lib/pangea/common/widgets/anchored_overlay_widget.dart
+++ b/lib/pangea/common/widgets/anchored_overlay_widget.dart
@@ -29,7 +29,7 @@ class AnchoredOverlayWidget extends StatefulWidget {
 class _AnchoredOverlayWidgetState extends State<AnchoredOverlayWidget> {
   bool _visible = false;
 
-  static const double overlayWidth = 200.0;
+  static const double overlayWidth = 300.0;
 
   @override
   void initState() {
diff --git a/lib/pangea/common/widgets/tutorial_overlay_message.dart b/lib/pangea/common/widgets/tutorial_overlay_message.dart
index 07e608117..aed582a2c 100644
--- a/lib/pangea/common/widgets/tutorial_overlay_message.dart
+++ b/lib/pangea/common/widgets/tutorial_overlay_message.dart
@@ -14,7 +14,7 @@ class TutorialOverlayMessage extends StatelessWidget {
   Widget build(BuildContext context) {
     return Center(
       child: Container(
-        padding: const EdgeInsets.all(16.0),
+        padding: const EdgeInsets.all(8.0),
         decoration: BoxDecoration(
           // color: Theme.of(context).colorScheme.onSurface,
           color: Color.alphaBlend(
@@ -23,29 +23,25 @@ class TutorialOverlayMessage extends StatelessWidget {
           ),
           borderRadius: BorderRadius.circular(12.0),
         ),
-        width: 350,
         alignment: Alignment.center,
-        child: RichText(
-          text: TextSpan(
-            style: Theme.of(context).textTheme.titleMedium?.copyWith(
-                  color: Theme.of(context).colorScheme.onSurface,
-                ),
-            children: [
-              WidgetSpan(
-                alignment: PlaceholderAlignment.middle,
-                child: Icon(
-                  Icons.info_outlined,
-                  size: 20.0,
-                  color: Theme.of(context).colorScheme.onSurface,
-                ),
+        child: Row(
+          spacing: 4.0,
+          children: [
+            Icon(
+              Icons.lightbulb,
+              size: 20.0,
+              color: Theme.of(context).colorScheme.onSurface,
+            ),
+            Flexible(
+              child: Text(
+                message,
+                style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                      color: Theme.of(context).colorScheme.onSurface,
+                    ),
+                textAlign: TextAlign.center,
               ),
-              const WidgetSpan(child: SizedBox(width: 4.0)),
-              TextSpan(
-                text: message,
-              ),
-            ],
-          ),
-          textAlign: TextAlign.center,
+            ),
+          ],
         ),
       ),
     );