Minimize size of search, increase length only for locations

Author: peterMuriuki

packages/fhir-location-management/src/components/AllLocationListFlat/index.css

@@ -0,0 +1,4 @@
+#all-locations .search-input-wrapper {
+  width: 55%;
+  min-width: 192px;
+}

packages/fhir-location-management/src/components/AllLocationListFlat/index.tsx

@@ -16,6 +16,7 @@ import { MenuProps } from 'antd';
 import { MoreOutlined, PlusOutlined } from '@ant-design/icons';
 import { BundleEntry } from '@smile-cdr/fhirts/dist/FHIR-R4/classes/bundleEntry';
 import { getEntryFromBundle, getTableData } from './utils';
+import './index.css';
 
 interface RouteParams {
   locationId: string | undefined;
@@ -158,7 +159,7 @@ export const AllLocationListFlat: React.FC<LocationListPropTypes> = (props) => {
   };
 
   return (
-    <div className="content-section">
+    <div id="all-locations" className="content-section">
       <Helmet>
         <title>{t('All Locations List')}</title>
       </Helmet>

packages/react-utils/src/components/Search/index.css

@@ -5,7 +5,6 @@ import { OnChangeType, DEBOUNCE_HANDLER_MS } from './utils';
 import { SearchOutlined } from '@ant-design/icons';
 import { InputProps } from 'antd/lib/input/';
 import { useTranslation } from '../../mls';
-import './index.css';
 
 /**
  * Interface for SearchForm props
@@ -22,7 +21,6 @@ export const defaultSearchProps: SearchFormProps = {
   onChangeHandler: () => {
     return;
   },
-  size: 'large',
   addonBefore: defaultPrefix,
   allowClear: true,
 };