Add container for table.

elastic · Jul 19, 2018 · cca5bc0 · cca5bc0
1 parent e1112cf
commit cca5bc0
Showing 1 changed file with 23 additions and 17 deletions.
diff --git a/x-pack/plugins/beats_management/public/components/beats_table.tsx b/x-pack/plugins/beats_management/public/components/beats_table.tsx
@@ -5,7 +5,6 @@
  */
 
 import {
-  // @ts-ignore
   EuiBadge,
   EuiButton,
   EuiContextMenu,
@@ -17,6 +16,7 @@ import {
   EuiPopover,
 } from '@elastic/eui';
 import React from 'react';
+import styled from 'styled-components';
 import { CMPopulatedBeat } from '../../common/domain_types';
 
 const columns = [
@@ -73,6 +73,10 @@ interface BeatsTableState {
   isBulkPopoverOpen: boolean;
 }
 
+const TableContainer = styled.div`
+  padding: 16px;
+`;
+
 export class BeatsTable extends React.Component<BeatsTableProps, BeatsTableState> {
   constructor(props: BeatsTableProps) {
     super(props);
@@ -168,22 +172,24 @@ export class BeatsTable extends React.Component<BeatsTableProps, BeatsTableState
     };
 
     return (
-      <EuiInMemoryTable
-        columns={columns}
-        items={items.map((beat, index) => {
-          return {
-            ...beat,
-            key: `beat${index}`,
-          };
-        })}
-        itemId="id"
-        isSelectable={true}
-        pagination={pagination}
-        responsive={true}
-        search={search}
-        selection={selectionOptions}
-        sorting={true}
-      />
+      <TableContainer>
+        <EuiInMemoryTable
+          columns={columns}
+          items={items.map((beat, index) => {
+            return {
+              ...beat,
+              key: `beat${index}`,
+            };
+          })}
+          itemId="id"
+          isSelectable={true}
+          pagination={pagination}
+          responsive={true}
+          search={search}
+          selection={selectionOptions}
+          sorting={true}
+        />
+      </TableContainer>
     );
   }