Better filter display

src/userquerywidget.js

@@ -29,6 +29,9 @@ const useStyles = makeStyles(theme => ({
     logic_op_subexpr: {
         float: "right",
     },
+    filtercontrol: {
+        display: "flex",
+    },
 }));
 
 export function TagEqualsExpressionControl(props) {
@@ -177,6 +180,7 @@ export function FilterExpressionControl(props) {
 }
 
 export function FilterControl(props) {
+    const classes = useStyles();
     const { filter, onChange, resultType, resultTypeString } = props;
 
     function handleResultToggled() {
@@ -191,7 +195,7 @@ export function FilterControl(props) {
     const enabled = !filter_is_const_false(filter);
     return (
         <>
-            <Box>
+            <Box className={classes.filtercontrol}>
                 <FormControlLabel
                     control={
                         <Switch