Improve value filter rendering in participant grid (#834)

* tmp

* Linting

---------

Co-authored-by: Dan Coates <[email protected]>
Co-authored-by: Michael Franklin <[email protected]>

Author: illusional

web/src/pages/project/ProjectColumnOptions.tsx

@@ -88,7 +88,7 @@ export const ProjectColumnOptions: React.FC<ProjectColumnOptionsProps> = ({
                             return (
                                 <Segment
                                     key={`project-col-option-${headerGroup}`}
-                                    style={{ marginLeft: '10px' }}
+                                    style={{ width: '50%' }}
                                 >
                                     <CategoryColumnOptions
                                         category={headerGroup}
@@ -169,6 +169,7 @@ const CategoryColumnOptions: React.FC<{
             <table
                 style={{
                     border: 'none', // '1px solid black',
+                    width: '100%',
                 }}
             >
                 <tbody>

web/src/pages/project/ValueFilter.tsx

@@ -188,7 +188,7 @@ export const ValueFilter: React.FC<IValueFilter> = ({
                         }))}
                     />
                 </Label>
-                <input />
+                <input style={{ width: 'auto' }} />
                 {isHighlighted && (
                     <Label style={{}}>
                         <IconButton