Try improve button indentation

setup.cfg

@@ -1,6 +1,6 @@
 [metadata]
 name = wagtail_fedit
-version = 1.5.9rc4
+version = 1.5.9rc5
 description = Frontend editing for your Wagtail site
 long_description = file: README.md
 long_description_content_type = text/markdown

wagtail_fedit/static/wagtail_fedit/css/frontend.css

@@ -32,16 +32,20 @@ html, body {
 .wagtail-fedit-adapter-wrapper:not(.wagtail-fedit-block):has(.wagtail-fedit-adapter-wrapper) > .wagtail-fedit-buttons {
     right: 30px;
 }
+.wagtail-fedit-adapter-wrapper:has(.wagtail-fedit-block):has(.wagtail-fedit-model) > .wagtail-fedit-buttons {
+    right: 60px;
+}
 .wagtail-fedit-buttons {
     display: flex;
-    flex-wrap: wrap;
-    max-height: 100%;
     gap: 0.15em;
     border-radius: 0.5em;
     position: absolute;
     right: 0;
     z-index: 1;
 }
+.wagtail-fedit-buttons--overflow {
+    flex-direction: row-reverse !important;
+}
 
 .wagtail-fedit-adapter-wrapper.wagtail-fedit-inline {
     display: flex;

wagtail_fedit/static_src/editors/base/base.ts

@@ -44,6 +44,22 @@ class BaseWagtailFeditEditor extends EventTarget {
         this.iframe = null;
         this.init();
 
+        let buttonWrapper = this.wrapperElement.firstElementChild as HTMLElement;
+        if (!this.wrapperElement.querySelector(".wagtail-fedit-adapter-wrapper")) {
+            let imgTag = this.wrapperElement.querySelector("img");
+            if (imgTag) {
+                imgTag.addEventListener("load", () => {
+                    if ((buttonWrapper.clientHeight - 15) > this.wrapperElement.clientHeight) { // Some leeway for padding
+                        buttonWrapper.classList.add("wagtail-fedit-buttons--overflow");
+                    }
+                });
+            } else {
+                if ((buttonWrapper.clientHeight - 15) > this.wrapperElement.clientHeight) { // Some leeway for padding
+                    buttonWrapper.classList.add("wagtail-fedit-buttons--overflow");
+                }
+            }
+        }
+
         if (window.location.hash === `#${this.wrapperElement.id}`) {
             this.openEditor();
             this.focus();