From 41b23f58104d48012cfdb812371743a815e12fd4 Mon Sep 17 00:00:00 2001
From: Jason Stirnaman <jstirnaman@influxdata.com>
Date: Fri, 6 Feb 2026 11:03:19 -0600
Subject: [PATCH] fix(api): align dual download button SVGs and styles with
 single.html

---
 layouts/api/list.html | 58 ++++++-------------------------------------
 1 file changed, 8 insertions(+), 50 deletions(-)

diff --git a/layouts/api/list.html b/layouts/api/list.html
index b559a7100..9d5913bef 100644
--- a/layouts/api/list.html
+++ b/layouts/api/list.html
@@ -35,18 +35,16 @@ param) - shows RapiDoc with all operations for the tag For conceptual pages
         {{ if or (eq $version "clustered") (eq $version "cloud-dedicated") }}
         <div class="api-spec-actions api-spec-actions--dual">
           <a href="/openapi/influxdb-{{ $version }}-v2-data-api.yml" class="btn api-spec-download" download>
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
-              <polyline points="7 10 12 15 17 10"></polyline>
-              <line x1="12" y1="15" x2="12" y2="3"></line>
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
+              <path d="M8 12L3 7h3V2h4v5h3L8 12z"/>
+              <path d="M1 14h14v2H1v-2z"/>
             </svg>
             Download Data API Spec
           </a>
           <a href="/openapi/influxdb-{{ $version }}-management-api.yml" class="btn api-spec-download" download>
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
-              <polyline points="7 10 12 15 17 10"></polyline>
-              <line x1="12" y1="15" x2="12" y2="3"></line>
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
+              <path d="M8 12L3 7h3V2h4v5h3L8 12z"/>
+              <path d="M1 14h14v2H1v-2z"/>
             </svg>
             Download Management API Spec
           </a>
@@ -204,52 +202,12 @@ param) - shows RapiDoc with all operations for the tag For conceptual pages
     }
   }
 
-  /* Dual download buttons for Clustered/Cloud Dedicated */
+  /* Dual download buttons container for Clustered/Cloud Dedicated */
   .api-spec-actions--dual {
     display: flex;
     flex-wrap: wrap;
     gap: 0.75rem;
-    margin: 1.5rem 0;
-  }
-
-  .api-spec-actions--dual .api-spec-download {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.5rem;
-    padding: 0.625rem 1rem;
-    font-size: 0.875rem;
-    font-weight: 500;
-    color: #545667;
-    background-color: #f5f6f7;
-    border: 1px solid #d0d4d9;
-    border-radius: 6px;
-    text-decoration: none;
-    transition: all 0.15s ease;
-  }
-
-  .api-spec-actions--dual .api-spec-download:hover {
-    background-color: #e8eaed;
-    border-color: #b4b8be;
-    color: #2e3039;
-  }
-
-  .api-spec-actions--dual .api-spec-download svg {
-    flex-shrink: 0;
-  }
-
-  /* Dark mode for dual download buttons */
-  [data-theme='dark'] .api-spec-actions--dual .api-spec-download,
-  html:has(link[title='dark-theme']:not([disabled])) .api-spec-actions--dual .api-spec-download {
-    color: #b4b6bc;
-    background-color: #2a2d35;
-    border-color: #454952;
-  }
-
-  [data-theme='dark'] .api-spec-actions--dual .api-spec-download:hover,
-  html:has(link[title='dark-theme']:not([disabled])) .api-spec-actions--dual .api-spec-download:hover {
-    background-color: #353840;
-    border-color: #5a5f69;
-    color: #e0e2e6;
+    margin: 1rem 0;
   }
 
   /* Responsive - stack buttons on smaller screens */