From fc04ef915269a754f35e2eba64a2088e29f1ab30 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Marcondes?=
 <55978943+cauemarcondes@users.noreply.github.com>
Date: Tue, 4 Aug 2020 11:46:49 +0100
Subject: [PATCH] Observabilty overview APM section doesn't fully collapse
 (#74224)

---
 .../public/pages/overview/index.tsx           | 78 ++++++++++---------
 1 file changed, 40 insertions(+), 38 deletions(-)

diff --git a/x-pack/plugins/observability/public/pages/overview/index.tsx b/x-pack/plugins/observability/public/pages/overview/index.tsx
index 32bdb00577bd..8870bcbc9fa3 100644
--- a/x-pack/plugins/observability/public/pages/overview/index.tsx
+++ b/x-pack/plugins/observability/public/pages/overview/index.tsx
@@ -113,44 +113,46 @@ export function OverviewPage({ routeParams }: Props) {
         <EuiFlexItem grow={6}>
           {/* Data sections */}
           {showDataSections && (
-            <EuiFlexGroup direction="column">
-              {hasData.infra_logs && (
-                <EuiFlexItem grow={false}>
-                  <LogsSection
-                    absoluteTime={absoluteTime}
-                    relativeTime={relativeTime}
-                    bucketSize={bucketSize?.intervalString}
-                  />
-                </EuiFlexItem>
-              )}
-              {hasData.infra_metrics && (
-                <EuiFlexItem grow={false}>
-                  <MetricsSection
-                    absoluteTime={absoluteTime}
-                    relativeTime={relativeTime}
-                    bucketSize={bucketSize?.intervalString}
-                  />
-                </EuiFlexItem>
-              )}
-              {hasData.apm && (
-                <EuiFlexItem grow={false}>
-                  <APMSection
-                    absoluteTime={absoluteTime}
-                    relativeTime={relativeTime}
-                    bucketSize={bucketSize?.intervalString}
-                  />
-                </EuiFlexItem>
-              )}
-              {hasData.uptime && (
-                <EuiFlexItem grow={false}>
-                  <UptimeSection
-                    absoluteTime={absoluteTime}
-                    relativeTime={relativeTime}
-                    bucketSize={bucketSize?.intervalString}
-                  />
-                </EuiFlexItem>
-              )}
-            </EuiFlexGroup>
+            <EuiFlexItem grow={false}>
+              <EuiFlexGroup direction="column">
+                {hasData.infra_logs && (
+                  <EuiFlexItem grow={false}>
+                    <LogsSection
+                      absoluteTime={absoluteTime}
+                      relativeTime={relativeTime}
+                      bucketSize={bucketSize?.intervalString}
+                    />
+                  </EuiFlexItem>
+                )}
+                {hasData.infra_metrics && (
+                  <EuiFlexItem grow={false}>
+                    <MetricsSection
+                      absoluteTime={absoluteTime}
+                      relativeTime={relativeTime}
+                      bucketSize={bucketSize?.intervalString}
+                    />
+                  </EuiFlexItem>
+                )}
+                {hasData.apm && (
+                  <EuiFlexItem grow={false}>
+                    <APMSection
+                      absoluteTime={absoluteTime}
+                      relativeTime={relativeTime}
+                      bucketSize={bucketSize?.intervalString}
+                    />
+                  </EuiFlexItem>
+                )}
+                {hasData.uptime && (
+                  <EuiFlexItem grow={false}>
+                    <UptimeSection
+                      absoluteTime={absoluteTime}
+                      relativeTime={relativeTime}
+                      bucketSize={bucketSize?.intervalString}
+                    />
+                  </EuiFlexItem>
+                )}
+              </EuiFlexGroup>
+            </EuiFlexItem>
           )}
 
           {/* Empty sections */}