diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/FilterPanel.scss | 8 | ||||
| -rw-r--r-- | src/client/views/FilterPanel.tsx | 6 |
2 files changed, 8 insertions, 6 deletions
diff --git a/src/client/views/FilterPanel.scss b/src/client/views/FilterPanel.scss index 421bce6d6..d6d2956aa 100644 --- a/src/client/views/FilterPanel.scss +++ b/src/client/views/FilterPanel.scss @@ -223,10 +223,10 @@ font-weight: bold; } -// .sliderBox-outerDiv { -// display: flex; -// align-items: center; -// } +.sliderBox-outerDiv { + display: inline-block; + vertical-align: middle; +} // .sliderBox-outerDiv { // width: 30%;// width: calc(100% - 14px); // 14px accounts for handles that are at the max value of the slider that would extend outside the box diff --git a/src/client/views/FilterPanel.tsx b/src/client/views/FilterPanel.tsx index f1eeb6fa7..11c2fc86c 100644 --- a/src/client/views/FilterPanel.tsx +++ b/src/client/views/FilterPanel.tsx @@ -392,9 +392,11 @@ export class FilterPanel extends React.Component<filterProps> { return ( <> - <div className="sliderBox-outerDiv" style={{ width: '95%', height: 45 }}> - {/* <Checkbox color="primary" onChange={action(() => console.log('on change'))} /> */} + {/* <div className="sliderBox-outerDiv-checkBox" style={{ float: 'left' }}> + <Checkbox color="primary" onChange={action(() => console.log('on change'))} /> + </div> */} + <div className="sliderBox-outerDiv" style={{ width: '95%', height: 45, float: 'right' }}> <Slider mode={2} step={Math.min(1, 0.1 * (domain[1] - domain[0]))} |