Livetailing: set table withd to 100% (#21213)

public/app/features/explore/LiveLogs.tsx

@@ -47,6 +47,9 @@ const getStyles = (theme: GrafanaTheme) => ({
   button: css`
   button: css`
     margin-right: ${theme.spacing.sm};
     margin-right: ${theme.spacing.sm};
   `,
   `,
+  fullWidth: css`
+    width: 100%;
+  `,
 });
 });
 
 
 export interface Props extends Themeable {
 export interface Props extends Themeable {
@@ -139,7 +142,7 @@ class LiveLogs extends PureComponent<Props, State> {
 
 
     return (
     return (
       <div>
       <div>
-        <table>
+        <table className={styles.fullWidth}>
           <tbody
           <tbody
             onScroll={isPaused ? undefined : this.onScroll}
             onScroll={isPaused ? undefined : this.onScroll}
             className={cx(['logs-rows', styles.logsRowsLive])}
             className={cx(['logs-rows', styles.logsRowsLive])}

public/app/features/explore/utils/LogsCrossFadeTransition.tsx

@@ -16,7 +16,7 @@ const getStyles = memoizeOne(() => {
       position: absolute;
       position: absolute;
       opacity: 0;
       opacity: 0;
       height: auto;
       height: auto;
-      width: auto;
+      width: 100%;
     `,
     `,
     logsEnterActive: css`
     logsEnterActive: css`
       label: logsEnterActive;
       label: logsEnterActive;
@@ -28,7 +28,7 @@ const getStyles = memoizeOne(() => {
       position: absolute;
       position: absolute;
       opacity: 1;
       opacity: 1;
       height: auto;
       height: auto;
-      width: auto;
+      width: 100%;
     `,
     `,
     logsExitActive: css`
     logsExitActive: css`
       label: logsExitActive;
       label: logsExitActive;