xchem#66 fix padding of quality labels

pavol-brunclik-m2ms · Mar 10, 2020 · d3b41d0 · d3b41d0
1 parent 6f778b1
commit d3b41d0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/js/components/preview/molecule/moleculeStatusView.js b/js/components/preview/molecule/moleculeStatusView.js
@@ -28,7 +28,9 @@ const useStyles = makeStyles(theme => ({
     fontSize: '9px'
   },
   refinementOutcome: {
-    paddingTop: theme.spacing(1) / 2
+    paddingTop: theme.spacing(1) / 2,
+    width: 16,
+    height: 24
   }
 }));
 

diff --git a/js/components/preview/molecule/refinementOutcome.js b/js/components/preview/molecule/refinementOutcome.js
@@ -69,11 +69,7 @@ class RefinementOutcome extends React.PureComponent {
         break;
     }
 
-    return imgSource ? (
-      <div className={className}>
-        <img src={imgSource} style={{ width: 16, height: 16 }} />
-      </div>
-    ) : null;
+    return <div className={className}>{imgSource && <img src={imgSource} style={{ width: 16, height: 16 }} />}</div>;
   }
 }