From e81b84c66ed4c62fa890972de70fa7f79b4b9f0d Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 18 Jun 2024 17:52:50 -0400
Subject: [PATCH] UX: add min-height to preview image wrapper to give controls
 space (#27523)

---
 app/assets/stylesheets/common/d-editor.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/common/d-editor.scss b/app/assets/stylesheets/common/d-editor.scss
index 7775160bc2a..1958590858c 100644
--- a/app/assets/stylesheets/common/d-editor.scss
+++ b/app/assets/stylesheets/common/d-editor.scss
@@ -163,11 +163,12 @@
 }
 
 .d-editor-preview .image-wrapper {
+  --resizer-height: 2.5em;
   position: relative;
   display: inline-block;
+  min-height: calc(var(--resizer-height) * 2);
 
   .button-wrapper {
-    --resizer-height: 2.5em;
     box-sizing: border-box;
     padding: 0.25em 0.5em;
     min-width: 19em; // wide enough to contain all controls