Don't cover input field with file preference browse button (#12586)

The button is now next to the input field instead of on top of it, and thus the button does not cover the end of the input field for long paths. Fixes #12582. Signed-off-by: William Pearson <[email protected]>
eclipse-theia · Jul 3, 2023 · 828b899 · 828b899
1 parent 21fa2ec
commit 828b899
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/preferences/src/browser/style/preference-file.css b/packages/preferences/src/browser/style/preference-file.css
@@ -26,7 +26,6 @@
 }
 
 .theia-settings-container .preference-file-button {
-  position: absolute;
-  padding: 2px 9px;
-  right: 4px;
+  margin-left: 0px;
+  height: calc(var(--theia-content-line-height) + 4px);
 }