feat: updated ui

1 files changed, 26 insertions, 0 deletions

diff --git a/src/client/views/collections/collectionFreeForm/ImageLabelBox.scss b/src/client/views/collections/collectionFreeForm/ImageLabelBox.scss
new file mode 100644
index 000000000..d0c12814c
--- /dev/null
+++ b/src/client/views/collections/collectionFreeForm/ImageLabelBox.scss
@@ -0,0 +1,26 @@
+.image-label-list {
+    display: flex;
+    flex-direction: column;
+    align-items: center; // Centers the content vertically in the flex container
+    width: 100%;
+
+    > div {
+        display: flex;
+        justify-content: space-between; // Puts the content and delete button on opposite ends
+        align-items: center;
+        width: 100%;
+        margin-top: 8px; // Adds space between label rows
+        background-color: black;
+
+        p {
+            text-align: center; // Centers the text of the paragraph
+            font-size: large;
+            vertical-align: middle;
+        }
+
+        .IconButton {
+            // Styling for the delete button
+            margin-left: auto; // Pushes the button to the far right
+        }
+    }
+}