From c5e03cd5d4e68ae867cb4d40c2cd3414424ce7f9 Mon Sep 17 00:00:00 2001
From: Alexander Klein <alexander.klein@logmein.com>
Date: Sun, 21 Feb 2021 14:39:30 +0100
Subject: [PATCH] fix(styling): "no data" caption not considered in height
 calculations

Change `NoData` container position to `relative`. Otherwise it won't be considered in `auto` height calculations by browsers.

Also change the way `NoData` content is centered.
---
 components/common/NoData.module.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/components/common/NoData.module.css b/components/common/NoData.module.css
index 82f9c3ee..518fa488 100644
--- a/components/common/NoData.module.css
+++ b/components/common/NoData.module.css
@@ -1,8 +1,11 @@
 .container {
   color: var(--gray500);
   font-size: var(--font-size-normal);
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  width: 100%;
+  height: 100%;
 }