USe two spans

parent 07756565
Pipeline #112300 passed with stages
in 3 minutes and 29 seconds
......@@ -13,17 +13,9 @@
}
.geneDetails {
display: grid;
grid-template-columns: [gene-symbol] auto [stable-id] 1fr;
grid-column-gap: 10px;
.geneSymbol {
grid-column: gene-symbol;
font-weight: $bold;
}
.stableId {
grid-column: stable-id;
margin-right: 10px;
}
}
......
......@@ -145,8 +145,8 @@ const GeneExternalReferences = () => {
return (
<div className={styles.xrefsContainer}>
<div className={styles.geneDetails}>
<div className={styles.geneSymbol}>{data.gene.symbol}</div>
<div className={styles.stableId}>{data.gene.stable_id}</div>
<span className={styles.geneSymbol}>{data.gene.symbol}</span>
<span>{data.gene.stable_id}</span>
</div>
<div className={styles.sectionHead}>Gene</div>
......
......@@ -48,7 +48,7 @@ const GeneOverview = (props: Props) => {
<div className={styles.overviewContainer}>
<div className={styles.geneDetails}>
<span className={styles.geneSymbol}>{gene.symbol}</span>
<span className={styles.stableId}>{gene.id}</span>
<span>{gene.id}</span>
</div>
<div className={styles.sectionHead}>Gene name</div>
......
......@@ -19,7 +19,7 @@ import { DataSetType } from '../../types/dataSet';
export const entityViewerWheatSampleResponse: EntityViewerSidebarPayload = {
gene: {
symbol: 'TraesCS3D02G273600.1 ',
symbol: 'TraesCS3D02G273600.1',
id: 'ENSG00000139618.15',
metadata: {
name: {
......@@ -380,7 +380,7 @@ export const entityViewerHomoSapiensSampleResponse: EntityViewerSidebarPayload =
export const entityViewerBacteriaSampleResponse: EntityViewerSidebarPayload = {
gene: {
symbol: 'grpE ',
symbol: 'grpE',
id: 'b2614',
synonyms: ['b2614', 'ECK2610', 'JW2594'],
metadata: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment