From 7cf03a2f8b3b0bb13e76755f5966749367414a9e Mon Sep 17 00:00:00 2001
From: Pavel Baksy <beval@centrum.cz>
Date: Wed, 24 Dec 2025 03:48:50 +0100
Subject: [PATCH] Add style classes to distinguish header bars

- Add "sidebar-header" and "main-header" style classes
- Target each header bar specifically in CSS
- Make tab bar ultra-compact to fit within header height
- Reduce tab padding and remove all internal margins
---
 src/main-window.ui |  6 ++++++
 src/window.py      | 27 ++++++++++++++++++++++-----
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/main-window.ui b/src/main-window.ui
index fdee97c..c3b745b 100644
--- a/src/main-window.ui
+++ b/src/main-window.ui
@@ -28,6 +28,9 @@
                 <property name="show-title">False</property>
                 <property name="show-end-title-buttons">False</property>
                 <property name="show-start-title-buttons">False</property>
+                <style>
+                  <class name="sidebar-header"/>
+                </style>
                 <child type="start">
                   <object class="GtkLabel">
                     <property name="label">Projects</property>
@@ -97,6 +100,9 @@
               <object class="AdwHeaderBar">
                 <property name="show-start-title-buttons">False</property>
                 <property name="show-end-title-buttons">False</property>
+                <style>
+                  <class name="main-header"/>
+                </style>
 
                 <!-- Tab bar as title widget -->
                 <property name="title-widget">
diff --git a/src/window.py b/src/window.py
index 1900e99..f91cb9e 100644
--- a/src/window.py
+++ b/src/window.py
@@ -133,31 +133,48 @@ class RosterWindow(Adw.ApplicationWindow):
         """Setup custom CSS for UI styling."""
         css_provider = Gtk.CssProvider()
         css_provider.load_from_data(b"""
-            /* Force both header bars to same height */
-            headerbar {
+            /* Match both header bars to same height */
+            headerbar.sidebar-header,
+            headerbar.main-header {
                 min-height: 46px;
                 padding-top: 0;
                 padding-bottom: 0;
+            }
+
+            headerbar.sidebar-header {
                 padding-left: 0px;
                 padding-right: 6px;
             }
 
-            /* Compact tab bar to fit in header bar */
+            headerbar.main-header {
+                padding-left: 0px;
+                padding-right: 6px;
+            }
+
+            /* Ultra-compact tab bar to fit exactly in header */
             tabbar {
                 min-height: 0;
                 padding: 0;
                 margin: 0;
+                border: none;
             }
 
             tabbar > scrolledwindow {
                 min-height: 0;
                 padding: 0;
                 margin: 0;
+                border: none;
+            }
+
+            tabbar > scrolledwindow > box {
+                min-height: 0;
+                padding: 0;
+                margin: 0;
             }
 
             tabbar tab {
-                min-height: 28px;
-                padding: 4px 10px;
+                min-height: 24px;
+                padding: 2px 10px;
                 margin: 0 1px;
             }