OpenConceptLab/ocl_issues#2323 | moving display toggle to right

Author: snyaggarwal

src/components/search/DisplayMenu.jsx

@@ -13,7 +13,7 @@ const DisplayMenu = ({onSelect, selected, disabled, sx}) => {
     <ButtonGroup color='info.dark' variant='outlined' size='small' disabled={disabled} sx={sx}>
       <Tooltip title={t('search.list_view')}>
         <Button onClick={() => onSelect('card')} color={selected === 'card' ? 'primary' : 'info.dark'}>
-          <CardIcon color='info.dark' />
+          <CardIcon color='info.dark' sx={{fontSize: '1.25rem'}} />
         </Button>
       </Tooltip>
       <Tooltip title={t('search.table_view')}>

src/components/search/SearchControls.jsx

@@ -57,13 +57,13 @@ const SearchControls = ({ disabled, onDisplayChange, display, order, orderBy, on
           <>
             <div className='col-xs-12 padding-0' style={{float: 'left', textAlign: 'right', display: 'inline-flex', alignItems: 'center', justifyContent: 'space-between'}}>
               <span style={{display: 'flex', alignItems: 'center'}}>
-                {getControls()}
+                {getControls(true)}
               </span>
               {
               rightControl &&
-                  <span style={{display: 'flex'}}>
-                    {false && getDisplayControl({marginRight: '8px'})}
+                  <span style={{display: 'flex', alignItems: 'center'}}>
                     {rightControl}
+                    {getDisplayControl({marginRight: '8px'})}
                   </span>
               }
             </div>