Update UI

cBioPortal · Dec 19, 2019 · 3b5387a · 3b5387a
1 parent 7074172
commit 3b5387a
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/pages/patientView/trialMatch/TrialMatchTable.tsx b/src/pages/patientView/trialMatch/TrialMatchTable.tsx
@@ -105,18 +105,18 @@ export default class TrialMatchTable extends React.Component<ITrialMatchProps> {
                                         </div>
                                     ))}
                                 </div>
-                                 <If condition={armMatch.armDescription !== ''}>
-                                    <div style={{ marginTop: 7, marginBottom: 3, width: '75%' }}>
+                                <div style={{ marginTop: 5 }}>
+                                    <span>Matched Samples: {this.getSampleIdIcons(armMatch.sampleIds)}</span>
+                                </div>
+                                <If condition={armMatch.armDescription !== ''}>
+                                    <div style={{ width: '75%' }}>
                                         <span>Arm: {armMatch.armDescription}</span>
                                     </div>
                                 </If>
-                                <div>
-                                    <span>Matched Samples: {this.getSampleIdIcons(armMatch.sampleIds)}</span>
-                                </div>
                                 <If condition={armMatch.drugs.length > 0}>
                                     <div>
                                         <span>
-                                            <img src={require("../../../globalStyles/images/drug.png")} style={{ width: 18, marginTop: -5 }} alt="drug icon"/>
+                                            <img src={require("../../../globalStyles/images/drug.png")} style={{ width: 18, marginTop: -5, marginRight: 5 }} alt="drug icon"/>
                                             <b>{armMatch.drugs.map((drugCombination: string[]) => drugCombination.join(' + ')).join(', ')}</b></span>
                                     </div>
                                 </If>
@@ -169,7 +169,7 @@ export default class TrialMatchTable extends React.Component<ITrialMatchProps> {
                     {clinicalGroupMatch.trialOncotreePrimaryDiagnosis.positive.join(', ')}
                     {clinicalGroupMatch.trialOncotreePrimaryDiagnosis.negative.length > 0 &&
                         <span>
-                            <b> except in </b>
+                            <b> except </b>
                             <If condition={clinicalGroupMatch.trialOncotreePrimaryDiagnosis.negative.length < 4}>
                                 <Then>
                                     <span>{clinicalGroupMatch.trialOncotreePrimaryDiagnosis.negative.join(', ').replace(/,(?!.*,)/gmi, ' and')}</span>
@@ -202,7 +202,9 @@ export default class TrialMatchTable extends React.Component<ITrialMatchProps> {
             <React.Fragment>
                 {matches.MUTATION.map((genomicGroupMatch: IGenomicGroupMatch) => (
                     <div>
-                        <span style={{'marginRight': 5}}><b>{genomicGroupMatch.patientGenomic!.trueHugoSymbol}</b> {genomicGroupMatch.patientGenomic!.trueProteinChange}</span>
+                        <span style={{'marginRight': 5}}>
+                            <b>{genomicGroupMatch.patientGenomic!.trueHugoSymbol} </b>{genomicGroupMatch.patientGenomic!.trueProteinChange}
+                        </span>
                         <DefaultTooltip
                             placement='bottomLeft'
                             trigger={['hover', 'focus']}
@@ -214,7 +216,7 @@ export default class TrialMatchTable extends React.Component<ITrialMatchProps> {
                     </div>
                 ))}
                 {matches.MSI.length > 0 &&
-                    <div>Tumor is MSI-H</div>
+                    <div>Tumor is <b>MSI-H</b></div>
                 }
                 {matches.CNA.map((genomicGroupMatch: IGenomicGroupMatch) => (
                     <div>
@@ -254,7 +256,7 @@ export default class TrialMatchTable extends React.Component<ITrialMatchProps> {
                 </div>
                 }
                 { notMatches.MSI.length > 0 &&
-                <div>Tumor is not MSI-H</div>
+                    <div>Tumor is <b>not MSI-H</b></div>
                 }
                 { notMatches.WILDTYPE.length > 0 &&
                 <div>