in browser Image view, allow to set gravity

Author: jrief

client/components/editor/Image.tsx

@@ -60,6 +60,14 @@ export default function Image(props) {
 			});
 		};
 
+		// replace gravity field with a nicer dropdown
+		gravityField.hidden = true;
+		const gravityParentDiv = gravityField.closest('div.field-gravity');
+		if (gravityParentDiv) {
+			gravityField.form.insertAdjacentElement('afterbegin', gravityField);
+			gravityParentDiv.remove();
+		}
+
 		if (ref.current.complete) {
 			crop();
 		} else {

client/scss/finder-browser.scss

@@ -286,7 +286,8 @@ dialog {
 					padding: 4px 8px;
 					border: 1px solid $border-color;
 					border-radius: 5px;
-					max-width: calc(100% - 2rem);
+					width: calc(100% - 1rem);
+					box-sizing: border-box;
 
 					&:focus-visible {
 						outline: none;