From 3b1ad2a8411f1fd5d8e3b05596e48d00ace799d7 Mon Sep 17 00:00:00 2001
From: Mike Brown <mike@skylight.digital>
Date: Thu, 3 Oct 2024 12:52:51 -0400
Subject: [PATCH] Zero left padding on first tab button

---
 .../src/app/testResults/uploads/CsvSchemaDocumentation.tsx | 7 +++++--
 .../__snapshots__/CsvSchemaDocumentation.test.tsx.snap     | 4 ++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/testResults/uploads/CsvSchemaDocumentation.tsx b/frontend/src/app/testResults/uploads/CsvSchemaDocumentation.tsx
index 30a0eab878c..4870c3d70d0 100644
--- a/frontend/src/app/testResults/uploads/CsvSchemaDocumentation.tsx
+++ b/frontend/src/app/testResults/uploads/CsvSchemaDocumentation.tsx
@@ -178,6 +178,7 @@ interface SectionTabButtonProps {
   setTabSectionState: React.Dispatch<
     React.SetStateAction<Record<string, string>>
   >;
+  index: number;
 }
 
 const SectionTabButton = ({
@@ -185,12 +186,13 @@ const SectionTabButton = ({
   parentSection,
   tabSection,
   setTabSectionState,
+  index,
 }: SectionTabButtonProps) => {
   return (
     <div
       className={`usa-nav__secondary-item padding-right-1 ${
         selected ? "usa-current" : ""
-      }`}
+      } ${index === 0 ? "padding-left-0" : ""}`}
       key={`${parentSection.slug}-${tabSection.slug}-tabpanel-item`}
     >
       <button
@@ -463,7 +465,7 @@ const CsvSchemaDocumentation: React.FC<CsvSchemaDocumentationProps> = ({
                         aria-owns={tabIds}
                         className="usa-nav__secondary-links prime-nav csv-section-tablist"
                       >
-                        {section.tabs.map((tabSection) => {
+                        {section.tabs.map((tabSection, index) => {
                           return (
                             <SectionTabButton
                               selected={
@@ -473,6 +475,7 @@ const CsvSchemaDocumentation: React.FC<CsvSchemaDocumentationProps> = ({
                               parentSection={section}
                               tabSection={tabSection}
                               setTabSectionState={setTabSectionState}
+                              index={index}
                             />
                           );
                         })}
diff --git a/frontend/src/app/testResults/uploads/__snapshots__/CsvSchemaDocumentation.test.tsx.snap b/frontend/src/app/testResults/uploads/__snapshots__/CsvSchemaDocumentation.test.tsx.snap
index 2b939aa95b6..136dc0bc3be 100644
--- a/frontend/src/app/testResults/uploads/__snapshots__/CsvSchemaDocumentation.test.tsx.snap
+++ b/frontend/src/app/testResults/uploads/__snapshots__/CsvSchemaDocumentation.test.tsx.snap
@@ -4838,7 +4838,7 @@ exports[`CsvSchemaDocumentation tests CsvSchemaDocumentation matches snapshot 1`
               role="tablist"
             >
               <div
-                class="usa-nav__secondary-item padding-right-1 usa-current"
+                class="usa-nav__secondary-item padding-right-1 usa-current padding-left-0"
               >
                 <button
                   aria-selected="true"
@@ -4850,7 +4850,7 @@ exports[`CsvSchemaDocumentation tests CsvSchemaDocumentation matches snapshot 1`
                 </button>
               </div>
               <div
-                class="usa-nav__secondary-item padding-right-1 "
+                class="usa-nav__secondary-item padding-right-1  "
               >
                 <button
                   aria-selected="false"