Pad column headers

This commit is contained in:
Emilia Allison 2023-06-13 11:15:39 -04:00
parent dbb282f0c9
commit c27693b7fb
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
3 changed files with 3 additions and 2 deletions

View File

@ -14,6 +14,7 @@ table, tr, td {
border-spacing: 0px; border-spacing: 0px;
} }
th { th {
font-family: monospace;
font-size: 0.5em; font-size: 0.5em;
} }

View File

@ -97,7 +97,7 @@ pub fn DestinationPlate(props: &DestinationPlateProps) -> Html {
let column_header = { let column_header = {
let headers = (1..=props.destination_plate.plate.size().1) let headers = (1..=props.destination_plate.plate.size().1)
.map(|j| { .map(|j| {
html! {<th>{j}</th>} html! {<th>{format!("{:0>2}", j)}</th>}
}) })
.collect::<Html>(); .collect::<Html>();
html! {<tr><th />{ headers }</tr>} html! {<tr><th />{ headers }</tr>}

View File

@ -98,7 +98,7 @@ pub fn SourcePlate(props: &SourcePlateProps) -> Html {
let column_header = { let column_header = {
let headers = (1..=props.source_plate.plate.size().1) let headers = (1..=props.source_plate.plate.size().1)
.map(|j| { .map(|j| {
html! {<th>{j}</th>} html! {<th>{format!("{:0>2}", j)}</th>}
}) })
.collect::<Html>(); .collect::<Html>();
html! {<tr><th />{ headers }</tr>} html! {<tr><th />{ headers }</tr>}