From 84dd26a2da399ef83500134c328b6f00e2f51a4f Mon Sep 17 00:00:00 2001
From: Matias Chomicki <matias.chomicki@grafana.com>
Date: Mon, 5 May 2025 03:33:18 +0200
Subject: [PATCH] Log Controls: Add dividers and increase max height of the
 panel (#104477)

* Logs panel: increase max height

* LogListControls: add divider
---
 public/app/features/explore/Logs/Logs.tsx                     | 2 +-
 public/app/features/logs/components/ControlledLogRows.tsx     | 2 +-
 public/app/features/logs/components/panel/LogListControls.tsx | 2 ++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/public/app/features/explore/Logs/Logs.tsx b/public/app/features/explore/Logs/Logs.tsx
index eeee267f623..b20b0652c3b 100644
--- a/public/app/features/explore/Logs/Logs.tsx
+++ b/public/app/features/explore/Logs/Logs.tsx
@@ -1253,7 +1253,7 @@ const getStyles = (theme: GrafanaTheme2, wrapLogMessage: boolean, tableHeight: n
     scrollableLogRows: css({
       overflowY: 'scroll',
       width: '100%',
-      maxHeight: '75vh',
+      maxHeight: '80vh',
     }),
     logRows: css({
       overflowX: `${wrapLogMessage ? 'unset' : 'scroll'}`,
diff --git a/public/app/features/logs/components/ControlledLogRows.tsx b/public/app/features/logs/components/ControlledLogRows.tsx
index 98a604233af..9bc4155d81a 100644
--- a/public/app/features/logs/components/ControlledLogRows.tsx
+++ b/public/app/features/logs/components/ControlledLogRows.tsx
@@ -184,7 +184,7 @@ const styles = {
   scrollableLogRows: css({
     overflowY: 'auto',
     width: '100%',
-    maxHeight: '75vh',
+    maxHeight: '80vh',
   }),
   forwardedScrollableLogRows: css({
     overflowY: 'auto',
diff --git a/public/app/features/logs/components/panel/LogListControls.tsx b/public/app/features/logs/components/panel/LogListControls.tsx
index 6bfe64e9bfe..83c5fe477a7 100644
--- a/public/app/features/logs/components/panel/LogListControls.tsx
+++ b/public/app/features/logs/components/panel/LogListControls.tsx
@@ -233,6 +233,7 @@ export const LogListControls = ({ eventBus, visualisationType = 'logs' }: Props)
           />
           {visualisationType === 'logs' && (
             <>
+              <div className={styles.divider} />
               <Dropdown overlay={deduplicationMenu} placement="auto-end">
                 <IconButton
                   name={'filter'}
@@ -253,6 +254,7 @@ export const LogListControls = ({ eventBus, visualisationType = 'logs' }: Props)
                   size="lg"
                 />
               </Dropdown>
+              <div className={styles.divider} />
               <IconButton
                 name="clock-nine"
                 aria-pressed={showTime}