From 4374219685b5f929c30b59c772e79a22c924c1d3 Mon Sep 17 00:00:00 2001
From: NimBold <NimBold@users.noreply.github.com>
Date: Thu, 23 Jul 2026 16:40:09 +0330
Subject: [PATCH] fix(ui): refine Windows window controls

Place the close action at the outer sidebar corner, round the caption hit regions, and align the controls with the titlebar content.

Refs #31
---
 src/index.css | 44 +++++++++++++++++++++++++++++++++++++-------
 1 file changed, 37 insertions(+), 7 deletions(-)

diff --git a/src/index.css b/src/index.css
index 8554c71..abc0f4d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1784,11 +1784,12 @@ html[data-list-density="relaxed"] {
 }
 
 /* Windows 11 caption-button treatment: full-width hit targets, neutral
-   glyphs, and the conventional minimize/maximize/close order. */
+   glyphs, side-aware close placement, and rounded outer corners. */
 .window-controls--style-windows {
-  top: 10px;
+  top: 18px;
   gap: 0;
   flex-direction: row;
+  border-radius: 10px;
 }
 
 .window-controls--style-windows .window-control {
@@ -1803,17 +1804,46 @@ html[data-list-density="relaxed"] {
 }
 
 .window-controls--style-windows .window-control.minimize {
-  order: 1;
-}
-
-.window-controls--style-windows .window-control.maximize {
   order: 2;
 }
 
-.window-controls--style-windows .window-control.close {
+.window-controls--style-windows .window-control.maximize {
   order: 3;
 }
 
+.window-controls--style-windows .window-control.close {
+  order: 1;
+}
+
+/* Keep the close action at the outer top corner on either sidebar side. */
+.window-controls--right.window-controls--style-windows .window-control.minimize {
+  order: 1;
+}
+
+.window-controls--right.window-controls--style-windows .window-control.maximize {
+  order: 2;
+}
+
+.window-controls--right.window-controls--style-windows .window-control.close {
+  order: 3;
+}
+
+.window-controls--left.window-controls--style-windows .window-control.close {
+  border-radius: 10px 0 0 10px;
+}
+
+.window-controls--left.window-controls--style-windows .window-control.maximize {
+  border-radius: 0 10px 10px 0;
+}
+
+.window-controls--right.window-controls--style-windows .window-control.minimize {
+  border-radius: 10px 0 0 10px;
+}
+
+.window-controls--right.window-controls--style-windows .window-control.close {
+  border-radius: 0 10px 10px 0;
+}
+
 .window-controls--style-windows .window-control:hover {
   color: hsl(var(--text-primary));
   background: hsl(var(--item-hover));