make new tables compact (thewca#10546)

kr-matthews · Jan 6, 2025 · 9e04fbd · 9e04fbd
1 parent 6c5b124
commit 9e04fbd
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/app/webpacker/components/MyCompetitions/PastCompetitionTable.jsx b/app/webpacker/components/MyCompetitions/PastCompetitionTable.jsx
@@ -22,7 +22,7 @@ export default function PastCompetitionsTable({
   }
 
   return (
-    <Table striped basic="very">
+    <Table striped compact basic="very">
       <Table.Header>
         <Table.Row>
           <Table.HeaderCell>

diff --git a/app/webpacker/components/MyCompetitions/UpcomingCompetitionTable.jsx b/app/webpacker/components/MyCompetitions/UpcomingCompetitionTable.jsx
@@ -67,7 +67,7 @@ export default function UpcomingCompetitionTable({
 
   return (
     <div style={{ overflowX: 'scroll' }}>
-      <Table basic unstackable singleLine>
+      <Table basic unstackable compact singleLine>
         <Table.Header>
           <Table.Row>
             { shouldShowRegistrationStatus && <Table.HeaderCell collapsing /> }

diff --git a/...omponents/RegistrationsV2/RegistrationAdministration/RegistrationsAdministrationTable.jsx b/...omponents/RegistrationsV2/RegistrationAdministration/RegistrationsAdministrationTable.jsx
@@ -40,7 +40,7 @@ export default function RegistrationAdministrationTable({
   // TODO: use native ref= when we switch to semantic v3
   /* eslint-disable react/jsx-props-no-spreading */
   return (
-    <Table sortable={sortable} striped unstackable singleLine textAlign="left">
+    <Table sortable={sortable} striped unstackable compact singleLine textAlign="left">
       <TableHeader
         columnsExpanded={columnsExpanded}
         isChecked={registrations.length === selected.length}

diff --git a/app/webpacker/components/RegistrationsV2/Registrations/RegistrationList.jsx b/app/webpacker/components/RegistrationsV2/Registrations/RegistrationList.jsx
@@ -181,7 +181,7 @@ export default function RegistrationList({ competitionInfo }) {
         eventList={competitionInfo.event_ids}
         selectedEvents={[psychSheetEvent].filter(Boolean)}
       />
-      <Table striped sortable unstackable singleLine textAlign="left">
+      <Table striped sortable unstackable compact singleLine textAlign="left">
         <Table.Header>
           <Table.Row>
             <Table.HeaderCell
@@ -344,5 +344,5 @@ function PsychSheetEventSelector({
       hideAllButton
       id="event-selection"
     />
-  )
+  );
 }