From d6edddc57286368d1ce31845fd39dc1d971fefd9 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Sun, 5 Oct 2025 22:10:09 +0100
Subject: [PATCH] style(bookmarks): right-align all buttons except collapse
 button in sidebar header

---
 src/components/SidebarHeader.tsx | 2 ++
 src/index.css                    | 7 +++++++
 2 files changed, 9 insertions(+)

diff --git a/src/components/SidebarHeader.tsx b/src/components/SidebarHeader.tsx
index 5e5c6c9c..62831e39 100644
--- a/src/components/SidebarHeader.tsx
+++ b/src/components/SidebarHeader.tsx
@@ -63,6 +63,7 @@ const SidebarHeader: React.FC<SidebarHeaderProps> = ({ onToggleCollapse, onLogou
         >
           <FontAwesomeIcon icon={faChevronRight} />
         </button>
+        <div className="sidebar-header-right">
         {onRefresh && (
           <IconButton
             icon={faRotate}
@@ -105,6 +106,7 @@ const SidebarHeader: React.FC<SidebarHeaderProps> = ({ onToggleCollapse, onLogou
             variant="ghost"
           />
         )}
+        </div>
       </div>
       <div className="view-mode-controls">
         <IconButton
diff --git a/src/index.css b/src/index.css
index b43f1ef6..a3b9656b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -134,6 +134,13 @@ body {
   margin-bottom: 0;
 }
 
+.sidebar-header-right {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-left: auto;
+}
+
 .view-mode-controls {
   display: flex;
   align-items: center;