diff --git a/studio/components/SalaryCsvInput/SalariesInput.tsx b/studio/components/SalaryCsvInput/SalariesInput.tsx index c9fe7a2c1..18d7998d7 100644 --- a/studio/components/SalaryCsvInput/SalariesInput.tsx +++ b/studio/components/SalaryCsvInput/SalariesInput.tsx @@ -112,28 +112,26 @@ export const SalariesInput = (props: StringInputProps) => { {salaries && ( -
- Examination Year +
+ Examination Year
-
- Amount +
+ Amount
{Object.entries(salaries) .toSorted(([a], [b]) => Number(b) - Number(a)) .map(([year, salary], index) => ( <> -
+
-
+
handleYearSalaryChange(year, s)} />
diff --git a/studio/components/SalaryCsvInput/salariesInput.module.css b/studio/components/SalaryCsvInput/salariesInput.module.css index 3b1eab5d3..b629310c2 100644 --- a/studio/components/SalaryCsvInput/salariesInput.module.css +++ b/studio/components/SalaryCsvInput/salariesInput.module.css @@ -58,38 +58,37 @@ color: black; } -.csvTableHeader { +.tableHeader { font-weight: 600; font-size: 0.8125rem; } -.csvTableSalaryHeader { +.tableSalaryHeader { justify-content: end; - padding-right: 1.25rem; } -.csvTableCell, -.csvTableHeader { +.tableCell, +.tableHeader { display: flex; align-items: center; padding: 0.25rem; } -.csvTableCell { +.tableCell { font-size: 0.95rem; } -.csvTableCell:nth-child(4n), -.csvTableCell:nth-child(4n + 3) { +.tableCell:nth-child(4n), +.tableCell:nth-child(4n + 3) { background-color: #f5f5f5; } -[data-scheme="dark"] .csvTableCell:nth-child(4n), -[data-scheme="dark"] .csvTableCell:nth-child(4n + 3) { +[data-scheme="dark"] .tableCell:nth-child(4n), +[data-scheme="dark"] .tableCell:nth-child(4n + 3) { background-color: #212121; } -.csvTableSalaryInput { +.tableSalaryInput { border-radius: 4px; border: 1px dotted #444; padding: 0.5rem; @@ -99,7 +98,7 @@ background-color: transparent; } -.csvTableHeaderLabel, -.csvTableYearLabel { +.tableHeaderLabel, +.tableYearLabel { padding: 0.5rem; }