From be08dd67fe985060dc550bd00221873d7472cdf3 Mon Sep 17 00:00:00 2001
From: Ajay Thorve <athorve@nvidia.com>
Date: Mon, 11 Mar 2024 17:16:18 -0700
Subject: [PATCH] add SETTINGS text to config button

---
 src/launchWidget.tsx |  1 +
 style/base.css       | 17 +++++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/src/launchWidget.tsx b/src/launchWidget.tsx
index 88257c1..cec7ab0 100644
--- a/src/launchWidget.tsx
+++ b/src/launchWidget.tsx
@@ -140,6 +140,7 @@ const Control: React.FC<IControlProps> = ({
           className="header-button"
           onClick={() => app.commands.execute(PLUGIN_ID_OPEN_SETTINGS)}
         >
+          <div className="nv-header-icon-text">settings</div>
           <settingsIcon.react className="nv-header-icon"></settingsIcon.react>
         </Button>
       </div>
diff --git a/style/base.css b/style/base.css
index 364ef30..7479c00 100644
--- a/style/base.css
+++ b/style/base.css
@@ -107,6 +107,22 @@
   box-shadow: 0 0 5px 2px #ff7900; /* Reduced blur for the glowing effect on hover */
 }
 
+.nv-header-icon-text {
+  font-family: 'Courier New', Courier, monospace;
+  word-spacing: 5px;
+  font-variant: all-small-caps;
+  color: #ff7900;
+  margin-right: 3px;
+  font-size: 15px;
+}
+
+.nv-header-icon-text:hover {
+  text-shadow:
+    -0.25px 0 #ff7900,
+    0 0.25px #ff7900,
+    0.25px 0 #ff7900,
+    0 -0.25px #ff7900;
+}
 .chart-title {
   padding-left: 62px;
   font-size: 22px;
@@ -153,6 +169,7 @@
 
 .nv-header-icon svg path {
   fill: #ff7900 !important;
+  font-size: 5px !important;
 }
 
 .nv-icon-custom {