diff --git a/public/app/features/logs/components/ControlledLogRows.tsx b/public/app/features/logs/components/ControlledLogRows.tsx index 020f7af0351..dba49b9df09 100644 --- a/public/app/features/logs/components/ControlledLogRows.tsx +++ b/public/app/features/logs/components/ControlledLogRows.tsx @@ -105,6 +105,7 @@ const LogRowsComponent = ({ loading, loadMoreLogs, deduplicatedRows = [], range, return (
+
-
); }; @@ -159,5 +159,6 @@ const styles = { }), logRowsContainer: css({ display: 'flex', + flexDirection: 'row-reverse', }), }; diff --git a/public/app/features/logs/components/ControlledLogsTable.tsx b/public/app/features/logs/components/ControlledLogsTable.tsx index 0105e14411d..5dfb5b5f6a7 100644 --- a/public/app/features/logs/components/ControlledLogsTable.tsx +++ b/public/app/features/logs/components/ControlledLogsTable.tsx @@ -34,6 +34,7 @@ export const ControlledLogsTable = ({ return (
+
{/* Width should be full width minus logs navigation and padding */}
-
); }; @@ -64,6 +64,7 @@ const getStyles = (theme: GrafanaTheme2) => { }), logRowsContainer: css({ display: 'flex', + flexDirection: 'row-reverse', }), }; };