Merge pull request #1439 from thehyve/show-digits

Changes styling to show hidden digits in numeric facet
thehyve · Dec 5, 2023 · 5f9936f · 5f9936f
2 parents 5437f68 + 790e37c
commit 5f9936f
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/projects/mercury/src/metadata/views/facets/NumericalRangeSelectionFacet.js b/projects/mercury/src/metadata/views/facets/NumericalRangeSelectionFacet.js
@@ -146,14 +146,15 @@ const NumericalRangeSelectionFacet = (props: MetadataViewFacetProperties) => {
     return (
         <div>
             {minValue !== null && maxValue !== null ? (
-                <Grid container spacing={2} alignItems="center" className={classes.numericalContent}>
-                    <Grid item xs={3}>
-                        {renderInput(value[0], handleMinValueInputChange, minValue)}
-                    </Grid>
-                    <Grid item xs={6}>
+                <Grid container alignItems="center" className={classes.numericalContent}>
+                    <Grid item xs={12} style={{marginLeft: 8, marginRight: 8}}>
                         {renderSlider()}
                     </Grid>
-                    <Grid item xs={3}>
+                    <Grid item xs={5}>
+                        {renderInput(value[0], handleMinValueInputChange, minValue)}
+                    </Grid>
+                    <Grid item xs={2} />
+                    <Grid item xs={5}>
                         {renderInput(value[1], handleMaxValueInputChange, maxValue)}
                     </Grid>
                 </Grid>