From 32fdfb0bd67a7bd3425ebbb0950198c97ee171f7 Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Wed, 22 Apr 2026 20:46:25 +0200
Subject: [PATCH] Fix button layout shift when collapsing file tree in editor
 (#37363)

Also fix misc discovered issues.

Signed-off-by: wxiaoguang <wxiaoguang@gmail.com>
Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: Claude (Opus 4.7) <noreply@anthropic.com>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
---
 web_src/css/modules/breadcrumb.css |  1 +
 web_src/css/repo.css               | 11 ++++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/web_src/css/modules/breadcrumb.css b/web_src/css/modules/breadcrumb.css
index 77e31ef6275..39a896e9bb4 100644
--- a/web_src/css/modules/breadcrumb.css
+++ b/web_src/css/modules/breadcrumb.css
@@ -1,6 +1,7 @@
 .breadcrumb {
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
   gap: 3px;
   overflow-wrap: anywhere;
 }
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index 428d2e0714e..bd436e89b06 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -199,18 +199,19 @@ td .commit-summary {
 }
 
 .repo-editor-header {
+  /* it should match ".repo-button-row" so the tree toggle button stays aligned */
+  margin: 8px 0;
   display: flex;
-  margin: 1rem 0;
-  padding: 3px 0;
-  width: 100%;
-  gap: 0.5em;
   align-items: center;
+  gap: 8px;
+  width: 100%;
 }
 
 .repo-editor-header input {
   vertical-align: middle !important;
   width: auto !important;
-  padding: 7px 8px !important;
+  height: 30px !important;
+  padding: 5px 8px !important;
   margin-right: 5px !important;
 }