From bd5bd52a2ce5937b7bfedbcfc25bd03315a4f0f2 Mon Sep 17 00:00:00 2001
From: Joey <90795735+joey-grafana@users.noreply.github.com>
Date: Mon, 2 Sep 2024 14:02:00 +0100
Subject: [PATCH] TraceView: Update feedback link style (#91845)

Update feedback link style
---
 .../Actions/TracePageActions.tsx              | 30 +++++++++++--------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/public/app/features/explore/TraceView/components/TracePageHeader/Actions/TracePageActions.tsx b/public/app/features/explore/TraceView/components/TracePageHeader/Actions/TracePageActions.tsx
index 69fd9176a8e..a204d4f4278 100644
--- a/public/app/features/explore/TraceView/components/TracePageHeader/Actions/TracePageActions.tsx
+++ b/public/app/features/explore/TraceView/components/TracePageHeader/Actions/TracePageActions.tsx
@@ -20,12 +20,15 @@ export const getStyles = (theme: GrafanaTheme2) => {
       gap: '4px',
       marginBottom: '10px',
     }),
+    feedbackContainer: css({
+      color: theme.colors.text.link,
+    }),
     feedback: css({
-      margin: '6px 6px 6px 0',
-      color: theme.colors.text.secondary,
+      margin: '6px',
+      color: theme.colors.text.link,
       fontSize: theme.typography.bodySmall.fontSize,
       '&:hover': {
-        color: theme.colors.text.link,
+        textDecoration: 'underline',
       },
     }),
   };
@@ -63,15 +66,18 @@ export default function TracePageActions(props: TracePageActionsProps) {
 
   return (
     <div className={styles.TracePageActions}>
-      <a
-        href="https://forms.gle/RZDEx8ScyZNguDoC8"
-        className={styles.feedback}
-        title="Share your thoughts about tracing in Grafana."
-        target="_blank"
-        rel="noreferrer noopener"
-      >
-        <Icon name="comment-alt-message" /> Give feedback
-      </a>
+      <div className={styles.feedbackContainer}>
+        <Icon name="comment-alt-message" />
+        <a
+          href="https://forms.gle/RZDEx8ScyZNguDoC8"
+          className={styles.feedback}
+          title="Share your thoughts about tracing in Grafana."
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          Give feedback
+        </a>
+      </div>
 
       <ActionButton
         onClick={copyTraceId}