diff --git a/assets/scss/default_theme/components/_plates.scss b/assets/scss/default_theme/components/_plates.scss
index 0c34a3b..f517229 100644
--- a/assets/scss/default_theme/components/_plates.scss
+++ b/assets/scss/default_theme/components/_plates.scss
@@ -14,6 +14,7 @@ table, tr, td {
border-spacing: 0px;
}
th {
+ font-family: monospace;
font-size: 0.5em;
}
diff --git a/src/components/plates/destination_plate.rs b/src/components/plates/destination_plate.rs
index 68dcb1b..3328a83 100644
--- a/src/components/plates/destination_plate.rs
+++ b/src/components/plates/destination_plate.rs
@@ -97,7 +97,7 @@ pub fn DestinationPlate(props: &DestinationPlateProps) -> Html {
let column_header = {
let headers = (1..=props.destination_plate.plate.size().1)
.map(|j| {
- html! {| {j} | }
+ html! {{format!("{:0>2}", j)} | }
})
.collect::();
html! { | { headers }
|---|
}
diff --git a/src/components/plates/source_plate.rs b/src/components/plates/source_plate.rs
index eb626af..12cddaf 100644
--- a/src/components/plates/source_plate.rs
+++ b/src/components/plates/source_plate.rs
@@ -98,7 +98,7 @@ pub fn SourcePlate(props: &SourcePlateProps) -> Html {
let column_header = {
let headers = (1..=props.source_plate.plate.size().1)
.map(|j| {
- html! {{j} | }
+ html! {{format!("{:0>2}", j)} | }
})
.collect::();
html! { | { headers }
|---|
}