css fixes for ai editor views.

1 files changed, 34 insertions, 8 deletions

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%;
     }
 }