diff --git a/Base/res/ladybird/inspector.css b/Base/res/ladybird/inspector.css index 8aad2d16e03..d86179d0311 100644 --- a/Base/res/ladybird/inspector.css +++ b/Base/res/ladybird/inspector.css @@ -75,7 +75,7 @@ body { border-radius: 0.5rem; margin-top: 30px; - padding: 8px; + padding: 8px 0px 0px 4px; } @media (prefers-color-scheme: dark) { diff --git a/Base/res/ladybird/inspector.js b/Base/res/ladybird/inspector.js index 45b38aa8034..fae5992aa83 100644 --- a/Base/res/ladybird/inspector.js +++ b/Base/res/ladybird/inspector.js @@ -73,6 +73,15 @@ const selectTopTab = (tabButton, tabID) => { const selectBottomTab = (tabButton, tabID) => { selectedBottomTab = selectTab(tabButton, tabID, selectedBottomTab, selectedBottomTabButton); selectedBottomTabButton = tabButton; + + let inspectorBottom = document.getElementById("inspector-bottom"); + inspectorBottom.scrollTo(0, 0); + + if (tabID === "console") { + inspectorBottom.style.overflow = "hidden"; + } else { + inspectorBottom.style.overflow = "scroll"; + } }; let initialTopTabButton = document.getElementById("dom-tree-button");