From fe1275e7d217cac0f587522b3b482d9fb2bebc88 Mon Sep 17 00:00:00 2001
From: naman-bruno <naman@usebruno.com>
Date: Tue, 15 Jul 2025 14:53:51 +0530
Subject: [PATCH] fix: console design

---
 .../components/Devtools/Console/DebugTab/index.js  |  6 +++---
 .../Devtools/Console/NetworkTab/index.js           | 14 +++++++-------
 .../components/Devtools/Console/StyledWrapper.js   |  1 -
 .../bruno-app/src/components/StatusBar/index.js    |  6 +++---
 packages/bruno-app/src/pages/Bruno/index.js        |  4 ----
 5 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/packages/bruno-app/src/components/Devtools/Console/DebugTab/index.js b/packages/bruno-app/src/components/Devtools/Console/DebugTab/index.js
index cd00cd22d..1faa14ec7 100644
--- a/packages/bruno-app/src/components/Devtools/Console/DebugTab/index.js
+++ b/packages/bruno-app/src/components/Devtools/Console/DebugTab/index.js
@@ -81,9 +81,9 @@ const DebugTab = () => {
         ) : (
           <div className="errors-container">
             <div className="errors-header">
-              <div className="header-message">Message</div>
-              <div className="header-location">Location</div>
-              <div className="header-time">Time</div>
+              <div>Message</div>
+              <div>Location</div>
+              <div className="text-right">Time</div>
             </div>
             
             <div className="errors-list">
diff --git a/packages/bruno-app/src/components/Devtools/Console/NetworkTab/index.js b/packages/bruno-app/src/components/Devtools/Console/NetworkTab/index.js
index 7501aafbd..6e4480398 100644
--- a/packages/bruno-app/src/components/Devtools/Console/NetworkTab/index.js
+++ b/packages/bruno-app/src/components/Devtools/Console/NetworkTab/index.js
@@ -273,13 +273,13 @@ const NetworkTab = () => {
         ) : (
           <div className="requests-container">
             <div className="requests-header">
-              <div className="header-method">Method</div>
-              <div className="header-status">Status</div>
-              <div className="header-domain">Domain</div>
-              <div className="header-path">Path</div>
-              <div className="header-time">Time</div>
-              <div className="header-duration">Duration</div>
-              <div className="header-size">Size</div>
+              <div>Method</div>
+              <div>Status</div>
+              <div>Domain</div>
+              <div>Path</div>
+              <div>Time</div>
+              <div className="text-right">Duration</div>
+              <div className="text-right">Size</div>
             </div>
             
             <div className="requests-list">
diff --git a/packages/bruno-app/src/components/Devtools/Console/StyledWrapper.js b/packages/bruno-app/src/components/Devtools/Console/StyledWrapper.js
index 674214577..f1eef3142 100644
--- a/packages/bruno-app/src/components/Devtools/Console/StyledWrapper.js
+++ b/packages/bruno-app/src/components/Devtools/Console/StyledWrapper.js
@@ -72,7 +72,6 @@ const StyledWrapper = styled.div`
     display: flex;
     flex-direction: column;
     height: 100%;
-    overflow: hidden;
   }
 
   .tab-header {
diff --git a/packages/bruno-app/src/components/StatusBar/index.js b/packages/bruno-app/src/components/StatusBar/index.js
index 47d687f90..69b33550f 100644
--- a/packages/bruno-app/src/components/StatusBar/index.js
+++ b/packages/bruno-app/src/components/StatusBar/index.js
@@ -66,7 +66,7 @@ const StatusBar = () => {
               tabIndex={0}
               aria-label="Open Preferences"
             >
-              <ToolHint text="Pref." toolhintId="Preferences" place="top" offset={10}>
+              <ToolHint text="Preferences" toolhintId="Preferences" place="top-start" offset={10}>
                 <IconSettings size={16} strokeWidth={1.5} aria-hidden="true" />
               </ToolHint>
             </button>
@@ -83,7 +83,7 @@ const StatusBar = () => {
               </ToolHint>
             </button>
             
-            <div className="status-bar-notifications">
+            <div className="status-bar-button">
               <Notifications />
             </div>
           </div>
@@ -101,7 +101,7 @@ const StatusBar = () => {
               <ToolHint text={`Console${errorCount > 0 ? ` (${errorCount} errors)` : ''}`} toolhintId="Console" place="top" offset={10}>
                 <div className="console-button-content">
                   <IconTool size={16} strokeWidth={1.5} aria-hidden="true" />
-                  <span className="console-label">Console</span>
+                  <span className="console-label">Dev Tools</span>
                   {errorCount > 0 && (
                     <span className="error-count-inline">{errorCount}</span>
                   )}
diff --git a/packages/bruno-app/src/pages/Bruno/index.js b/packages/bruno-app/src/pages/Bruno/index.js
index 36ec4025a..070ddb73a 100644
--- a/packages/bruno-app/src/pages/Bruno/index.js
+++ b/packages/bruno-app/src/pages/Bruno/index.js
@@ -45,10 +45,6 @@ require('utils/codemirror/brunoVarInfo');
 require('utils/codemirror/javascript-lint');
 require('utils/codemirror/autocomplete');
 
-const MIN_CONSOLE_HEIGHT = 150;
-const MAX_CONSOLE_HEIGHT = window.innerHeight * 0.7;
-const DEFAULT_CONSOLE_HEIGHT = 300;
-
 export default function Main() {
   const activeTabUid = useSelector((state) => state.tabs.activeTabUid);
   const isDragging = useSelector((state) => state.app.isDragging);