increase filter text size and increase the gap #5

Author: mustafasoylu

src/components/FilterSwitch.tsx

@@ -29,7 +29,7 @@ const FilterSwitch = ({ name, filters, setFilters, count }: FilterSwitchProps) =
 
   return (
     <FormControl>
-      <FormLabel htmlFor={`filter-${name}`}>{title()}</FormLabel>
+      <FormLabel fontSize='lg' htmlFor={`filter-${name}`}>{title()}</FormLabel>
       <Switch isChecked={isChecked} onChange={handleChange} id={`filter-${name}`} />
     </FormControl>
   );

src/components/Selections.tsx

@@ -217,7 +217,7 @@ If your graph has more than 2000 nodes, it might take a while to load. Please wa
           Filter by group
         </Heading>
 
-        <HStack spacing={2}>
+        <HStack spacing={4}>
           {groups.map((group: string) => (
             <FilterSwitch
               key={group}