OpenConceptLab/ocl_issues#2211 | fixing margins

Author: snyaggarwal

src/components/map-projects/MapProject.jsx

@@ -1561,7 +1561,8 @@ const MapProject = () => {
                 </FormControl>
                 <FormControlLabel
                   sx={{
-                    marginLeft: '10px',
+                    marginLeft: '4px',
+                    marginRight: '8px',
                     '.MuiFormControlLabel-label': {fontSize: '0.8125rem'}
                   }}
                   control={<Switch disabled={!showMatchSummary || selectedRowStatus === 'unmapped'} size="small" checked={selectedMatchBucket === 'very_high'} onChange={() => onMatchTypeChange('very_high')} />}

src/components/map-projects/ScoreBucketButton.jsx

@@ -33,7 +33,7 @@ const ScoreBucketButton = ({onClick, onSort, sortBy, selected, recommended, avai
   const disabled = !recommended && !available && !unranked
   const selectedCount = selected === 'recommended' ? recommended : (selected === 'available' ? available : unranked)
   return (
-    <ButtonGroup size='small' variant='text'>
+    <ButtonGroup size='small' variant='text' sx={{marginRight: '8px'}}>
       <BucketButton id='recommended' selected={selected} count={recommended} onClick={onClick} />
       <BucketButton id='available' selected={selected} count={available} onClick={onClick} />
       <BucketButton id='unranked' selected={selected} count={unranked} onClick={onClick} />