From 854118943a6eadb850575efacd2b153bc5957021 Mon Sep 17 00:00:00 2001
From: Barack Sokullu <esokullu@gmail.com>
Date: Wed, 26 Aug 2026 21:29:42 +0300
Subject: [PATCH] ui: compact sidebar header actions

---
 src/chrome/src/ui/sidepanel.html  | 7 +++----
 src/chrome/styles/sidepanel.css   | 4 ++--
 src/firefox/src/ui/sidepanel.html | 7 +++----
 src/firefox/styles/sidepanel.css  | 4 ++--
 4 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/chrome/src/ui/sidepanel.html b/src/chrome/src/ui/sidepanel.html
index 6283fe93c..09c43da39 100644
--- a/src/chrome/src/ui/sidepanel.html
+++ b/src/chrome/src/ui/sidepanel.html
@@ -211,10 +211,9 @@ <h2 id="new-conversation-confirm-title" data-i18n="sp.clear.title">Start a new c
           <div class="provider-picker-menu language-picker-menu hidden" id="language-picker-menu" role="listbox" tabindex="-1"></div>
         </div>
         <button id="btn-history" data-i18n-title="sp.btn.history" data-i18n-aria-label="sp.btn.history">
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-            <path d="M3 12a9 9 0 1 0 3-6.7"/>
-            <path d="M3 3v6h6"/>
-            <path d="M12 7v5l3 2"/>
+          <svg data-icon="messages-square" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/>
+            <path d="M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1"/>
           </svg>
         </button>
         <button id="btn-expand" data-i18n-title="sp.btn.expand" data-i18n-aria-label="sp.btn.expand">
diff --git a/src/chrome/styles/sidepanel.css b/src/chrome/styles/sidepanel.css
index c3e26176c..52e94d228 100644
--- a/src/chrome/styles/sidepanel.css
+++ b/src/chrome/styles/sidepanel.css
@@ -827,7 +827,7 @@ body {
 .header-right {
   display: flex;
   align-items: center;
-  gap: 6px;
+  gap: 2px;
 }
 
 .status-dot {
@@ -1240,7 +1240,7 @@ body {
   border: none;
   color: var(--text-secondary);
   cursor: pointer;
-  padding: 4px;
+  padding: 4px 3px;
   border-radius: 4px;
   display: flex;
   align-items: center;
diff --git a/src/firefox/src/ui/sidepanel.html b/src/firefox/src/ui/sidepanel.html
index 66c8fa11f..7402ca4be 100644
--- a/src/firefox/src/ui/sidepanel.html
+++ b/src/firefox/src/ui/sidepanel.html
@@ -177,10 +177,9 @@ <h2 id="new-conversation-confirm-title" data-i18n="sp.clear.title">Start a new c
           <div class="provider-picker-menu language-picker-menu hidden" id="language-picker-menu" role="listbox" tabindex="-1"></div>
         </div>
         <button id="btn-history" data-i18n-title="sp.btn.history" data-i18n-aria-label="sp.btn.history">
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-            <path d="M3 12a9 9 0 1 0 3-6.7"/>
-            <path d="M3 3v6h6"/>
-            <path d="M12 7v5l3 2"/>
+          <svg data-icon="messages-square" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/>
+            <path d="M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1"/>
           </svg>
         </button>
         <button id="btn-expand" data-i18n-title="sp.btn.expand" data-i18n-aria-label="sp.btn.expand">
diff --git a/src/firefox/styles/sidepanel.css b/src/firefox/styles/sidepanel.css
index ba40824b8..fb459a5fd 100644
--- a/src/firefox/styles/sidepanel.css
+++ b/src/firefox/styles/sidepanel.css
@@ -705,7 +705,7 @@ body {
 .header-right {
   display: flex;
   align-items: center;
-  gap: 6px;
+  gap: 2px;
 }
 
 .status-dot {
@@ -1077,7 +1077,7 @@ body {
   border: none;
   color: var(--text-secondary);
   cursor: pointer;
-  padding: 4px;
+  padding: 4px 3px;
   border-radius: 4px;
   display: flex;
   align-items: center;