From 5344d2ca890f2c367e49c39e03459b956621e272 Mon Sep 17 00:00:00 2001
From: Travis Long <tlong@mozilla.com>
Date: Thu, 21 Dec 2023 10:04:50 -0600
Subject: [PATCH] Fixes #2049 - Improve Server Knobs config snippet button
 visibility

This is an attempt to make the copy to clipboard button more obvious and to clean up the description text.
---
 src/pages/MetricDetail.svelte | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/pages/MetricDetail.svelte b/src/pages/MetricDetail.svelte
index fc6459f8f..afc412075 100644
--- a/src/pages/MetricDetail.svelte
+++ b/src/pages/MetricDetail.svelte
@@ -278,18 +278,26 @@
     </table>
   {/if}
   <table>
+    <col />
     <col />
     <col />
     <tr>
-      <td> Sampling Configuration Snippet </td>
       <td>
-        Click the link to copy a <a
+        Sampling Configuration Snippet
+        <HelpHoverable
+          content={"Click the button to copy a configuration snippet for use in Mozilla Experimenter configuration"}
+          link={"https://mozilla.github.io/glean/book/user/metrics/data-control-plane/experimenter-configuration.html"}
+        />
+      </td>
+      <td>
+        Click the button to copy a snippet for use in a
+        <a
           href="https://mozilla.github.io/glean/book/user/metrics/data-control-plane/experimenter-configuration.html"
-          >configuration snippet</a
         >
-        for this metric to the clipboard. This would be used in the branch configuration
-        of a <a href="https://experimenter.info">Mozilla Experimenter</a>
-        experiment or rollout.
+          Mozilla Experimenter configuration.
+        </a>
+      </td>
+      <td>
         <CopyButton
           textToCopy="{'{\n  "gleanMetricConfiguration": {\n    "'}{metric.name}{'": true\n  }\n}'}"
         />