diff --git a/src/features/search/find/FindInFiles.module.css b/src/features/search/find/FindInFiles.module.css
index 9737ec6b4..76c4ed1de 100644
--- a/src/features/search/find/FindInFiles.module.css
+++ b/src/features/search/find/FindInFiles.module.css
@@ -1,7 +1,13 @@
.dialog {
- max-height: 86vh;
+ max-height: min(86vh, calc(90vh - 24px));
+}
+.dialog > :global([data-dialog-body]) {
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
}
.root {
+ flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
@@ -102,7 +108,8 @@
border-color: var(--accent);
}
.results {
- flex: none;
+ flex: 0 1 242px;
+ min-height: 0;
height: 242px;
display: flex;
flex-direction: column;
@@ -153,7 +160,8 @@
white-space: nowrap;
}
.previewBox {
- flex: none;
+ flex: 0 1 220px;
+ min-height: 0;
height: 220px;
display: flex;
flex-direction: column;
@@ -161,13 +169,25 @@
.footer {
flex: none;
display: flex;
+ flex-wrap: wrap;
align-items: center;
+ justify-content: flex-end;
gap: 8px;
- height: 38px;
- padding: 0 12px;
+ min-height: 38px;
+ padding: 6px 12px;
border-top: 1px solid var(--border-popup);
}
+.footer > button,
+.footer > label {
+ flex: none;
+ white-space: nowrap;
+}
.hint {
+ flex: 1 1 0;
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
color: var(--fg-faint);
font-size: var(--fs-small);
}
diff --git a/src/features/search/find/FindInFiles.tsx b/src/features/search/find/FindInFiles.tsx
index c7cd8b731..957b8bba1 100644
--- a/src/features/search/find/FindInFiles.tsx
+++ b/src/features/search/find/FindInFiles.tsx
@@ -747,7 +747,6 @@ function FindInFilesDialog() {
↵ Open · ⇧↵ Open to the side · ⌘↵ Open in Find Window
)}
-
{s.replace && progress && (
{tx`Replacing… ${progress.done}/${progress.total} files`}