PD-2332: Make TNC button styling consistent with TrueNAS Apps button (#4263)

Remove the icon from TNC
Style the TNC button so that it is consistent with the TrueNAS Apps button, which does have an icon.

Local build test with changes:

(cherry picked from commit 20e60fb)

Co-authored-by: Tim Moore <Mrt134@users.noreply.github.com>

Author: bugclerk

data/menu/more.yml

@@ -8,7 +8,7 @@ more:
   - name: TrueNAS Connect
     ref: "https://connect.truenas.com/"
     external: true
-    icon: "gdoc_arrow_right_alt"
+    icon: ""
   - name: TrueNAS API Docs
     ref: "https://api.truenas.com/"
     external: true

static/custom.css

@@ -2562,7 +2562,9 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing {
     text-decoration: none !important;
     margin: -.5em !important;
     transition: all 0.3s ease !important;
-    width: auto !important;
+    width: 75% !important;
+    min-height: 40px !important;
+    box-sizing: border-box !important;
 }
 
 /* Remove styling from the inner link since parent span is now the button */
@@ -2612,6 +2614,16 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing {
     fill: white !important;
 }
 
+/* Style the TrueNAS Connect button (nth-child(2)) - no icon, but same dimensions */
+.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2) svg.gdoc-icon {
+    display: none !important; /* Hide any empty icon elements */
+}
+
+/* Ensure Connect button text is properly centered without icon */
+.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2) span.flex {
+    gap: 0 !important; /* Remove any gap since there's no icon */
+}
+
 /* Reorder the menu items - move Apps Market to the very top */
 .gdoc-nav section:last-child .gdoc-nav__list {
     display: flex !important;