From 14b2dad9da08bf864a5519ed106cb248ee7d814f Mon Sep 17 00:00:00 2001
From: Ivana Huckova <30407135+ivanahuckova@users.noreply.github.com>
Date: Fri, 20 Dec 2019 11:21:04 +0100
Subject: [PATCH] Livetailing: set table withd to 100% (#21213)

---
 public/app/features/explore/LiveLogs.tsx                     | 5 ++++-
 .../app/features/explore/utils/LogsCrossFadeTransition.tsx   | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/public/app/features/explore/LiveLogs.tsx b/public/app/features/explore/LiveLogs.tsx
index d1dcb0f5b06..185d54b6e93 100644
--- a/public/app/features/explore/LiveLogs.tsx
+++ b/public/app/features/explore/LiveLogs.tsx
@@ -47,6 +47,9 @@ const getStyles = (theme: GrafanaTheme) => ({
   button: css`
     margin-right: ${theme.spacing.sm};
   `,
+  fullWidth: css`
+    width: 100%;
+  `,
 });
 
 export interface Props extends Themeable {
@@ -139,7 +142,7 @@ class LiveLogs extends PureComponent<Props, State> {
 
     return (
       <div>
-        <table>
+        <table className={styles.fullWidth}>
           <tbody
             onScroll={isPaused ? undefined : this.onScroll}
             className={cx(['logs-rows', styles.logsRowsLive])}
diff --git a/public/app/features/explore/utils/LogsCrossFadeTransition.tsx b/public/app/features/explore/utils/LogsCrossFadeTransition.tsx
index d4ba955601d..649070e9ae0 100644
--- a/public/app/features/explore/utils/LogsCrossFadeTransition.tsx
+++ b/public/app/features/explore/utils/LogsCrossFadeTransition.tsx
@@ -16,7 +16,7 @@ const getStyles = memoizeOne(() => {
       position: absolute;
       opacity: 0;
       height: auto;
-      width: auto;
+      width: 100%;
     `,
     logsEnterActive: css`
       label: logsEnterActive;
@@ -28,7 +28,7 @@ const getStyles = memoizeOne(() => {
       position: absolute;
       opacity: 1;
       height: auto;
-      width: auto;
+      width: 100%;
     `,
     logsExitActive: css`
       label: logsExitActive;