added formatted gif to info ui

1 files changed, 27 insertions, 24 deletions

diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
index 9fbf5d628..3e0236776 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
@@ -258,15 +258,8 @@
 
 .infoUI {
     position: absolute;
-    display: flex;
+    display: block;
     top: 0;
-    // height: 100%;
-    // width: 100%;
-    // width:fit-content;
-    // width:-webkit-fit-content;
-    // width:-moz-fit-content;
-    // bottom: 46px;
-
     overflow: auto;
 
     color: white;
@@ -277,25 +270,35 @@
     margin: 15px;
     padding: 10px;
 
+    .msg {
+      position: relative;
+      // display: block;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -o-user-select: none;
+      user-select: none;
+      
+    }
+    
     .gif-container {
-        font-size: 15;
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        align-items: center;
-        -webkit-user-select: none;
-        -khtml-user-select: none;
-        -moz-user-select: none;
-        -o-user-select: none;
-        user-select: none;
-
+      position: relative;
+      margin-top: 5px;
+      // display: block;
+
+      justify-content: center;
+      align-items: center;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -o-user-select: none;
+      user-select: none;
+
+      
         .gif {
             background-color: transparent;
-            width: 25px;
-            height: 25px;
-            margin-right: 5px;
+            height: 300px;
         }
-  }
+    }
 
 }
-