From e4fca20fd4f7d7401fb62d5f700a15c604070484 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Sun, 19 Jan 2025 14:35:23 -0500
Subject: css fixes for ai editor views.

---
 src/client/views/nodes/ImageBox.scss | 42 +++++++++++++++++++++++++++++-------
 1 file changed, 34 insertions(+), 8 deletions(-)

(limited to 'src/client/views/nodes/ImageBox.scss')

diff --git a/src/client/views/nodes/ImageBox.scss b/src/client/views/nodes/ImageBox.scss
index 29b24b774..fe4f0b1a2 100644
--- a/src/client/views/nodes/ImageBox.scss
+++ b/src/client/views/nodes/ImageBox.scss
@@ -164,16 +164,15 @@
 .imageBox-aiView {
     text-align: center;
     font-weight: bold;
+    transform-origin: top left;
+    width: 100%;
 
     .imageBox-aiView-subtitle {
         position: relative;
         align-content: center;
-    }
-
-    .imageBox-aiView-regenerate-container,
-    .imageBox-aiView-options-container {
-        font-weight: normal;
-        display: flex;
+        max-width: 10%;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
 
     .imageBox-aiView-regenerate,
@@ -183,19 +182,46 @@
         flex-direction: row;
         gap: 5px;
         width: 100%;
+        .imageBox-aiView-regenerate-createBtn {
+            max-width: 10%;
+            .button-container {
+                width: 100% !important;
+                justify-content: left !important;
+            }
+        }
+    }
+
+    .imageBox-aiView-firefly {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: 10%;
+        width: 100%;
+    }
+    .imageBox-aiView-regenerate-send {
+        max-width: 10%;
     }
 
     .imageBox-aiView-strength {
         text-align: center;
         align-items: center;
         display: flex;
-        width: 125px;
+        max-width: 25%;
+        width: 100%;
+        .imageBox-aiView-similarity {
+            max-width: 65;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            width: 100%;
+        }
     }
     .imageBox-aiView-slider {
-        width: 50px;
+        width: 90%;
         margin-left: 5px;
     }
     .imageBox-aiView-input {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: 65%;
         width: 100%;
     }
 }
-- 
cgit v1.2.3-70-g09d2