diff --git a/app/assets/stylesheets/components/ElementsTable.scss b/app/assets/stylesheets/components/ElementsTable.scss index 9276170e6f..dd1afb62c1 100644 --- a/app/assets/stylesheets/components/ElementsTable.scss +++ b/app/assets/stylesheets/components/ElementsTable.scss @@ -39,7 +39,15 @@ } .sample-entries > tbody > tr > td { - border-top: 0 + border-top: 0; + + .sample-entries-inventory-label-icon { + margin-top: 3px; + padding: 4px 4px 4px 4px; + border-radius: 4px; + background-color: #96c7e7; + color: black; + } } @media only screen and (max-width: 1500px) { diff --git a/app/packs/src/apps/mydb/elements/details/samples/SampleDetails.js b/app/packs/src/apps/mydb/elements/details/samples/SampleDetails.js index 61bd6835b9..e824330758 100644 --- a/app/packs/src/apps/mydb/elements/details/samples/SampleDetails.js +++ b/app/packs/src/apps/mydb/elements/details/samples/SampleDetails.js @@ -951,13 +951,15 @@ export default class SampleDetails extends React.Component { /> ) : null; + const inventoryLabel = sample.inventory_sample && sample.xref.inventory_label ? sample.xref.inventory_label : null; + return (