Update pages design

Author: ciremusyoka

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

@@ -12,7 +12,7 @@ import { useTranslation } from '../../mls';
 import { Row, Col, Button, Divider, Dropdown } from 'antd';
 import { useHistory, Link } from 'react-router-dom';
 import { RbacCheck } from '@opensrp/rbac';
-import type { MenuProps } from 'antd';
+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';

packages/keycloak-user-management/src/index.css

@@ -66,12 +66,15 @@
   }
 }
 
+.list-view {
+  padding-bottom: 16px;
+}
+
 @media only screen and (min-width: 0px) {
   .list-view {
     display: flex;
     justify-content: space-between;
     flex-direction: column;
-    padding-bottom: 32px;
   }
   .main-content {
     background-color: #fff;
@@ -114,9 +117,17 @@
 
 .content-section {
   padding: 0 24px;
-}
 
-.content-section > div {
-  padding: 0;
-  padding-top: 24px;
+  .header {
+    padding: 0;
+    padding-top: 24px;
+    padding-left: 16px;
+
+    .page-header {
+      margin-bottom: 16px;
+      font-size: 20px;
+      font-weight: 500;
+      line-height: 28px;
+    }
+  }
 }

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

@@ -0,0 +1,6 @@
+.search-input-wrapper {
+    width: 732px;
+    border-radius: 6px;
+    border: 1px;
+    padding-right: 12px;
+}

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

@@ -5,6 +5,7 @@ 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