Fix inspector adapters view on narrow screens (#27669) (#28832)

* Disable responsiveness of table in small screens

Disabling the resposiveness of cells and table will avoid showing
empty areas around elements of the inspector table.

* Fix responsive table in requests view stats

* Remove tableLayout inline style

src/legacy/core_plugins/inspector_views/public/data/data_table.js

@@ -38,6 +38,7 @@ class DataTableFormat extends Component {
   static renderCell(col, value, isFormatted) {
     return (
       <EuiFlexGroup
+        responsive={false}
         gutterSize="s"
         alignItems="center"
       >
@@ -46,6 +47,7 @@ class DataTableFormat extends Component {
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiFlexGroup
+            responsive={false}
             gutterSize="none"
             alignItems="center"
           >
@@ -128,6 +130,7 @@ class DataTableFormat extends Component {
         </EuiFlexGroup>
         <EuiSpacer size="s" />
         <EuiInMemoryTable
+          responsive={false}
           className="insDataTableFormat__table"
           data-test-subj="inspectorTable"
           columns={columns}

src/legacy/core_plugins/inspector_views/public/requests/details/req_details_stats.js

@@ -65,7 +65,9 @@ class RequestDetailsStats extends Component {
     const sortedStats = Object.keys(stats).sort().map(name => ({ name, ...stats[name] }));
     // TODO: Replace by property once available
     return (
-      <EuiTable style={{ tableLayout: 'auto' }}>
+      <EuiTable
+        responsive={false}
+      >
         <EuiTableBody>
           { sortedStats.map(this.renderStatRow) }
         </EuiTableBody>