Added image handling for messaging BOD-187

client/src/components/chat-messages-list/chat-message-list.styles.scss

@@ -1,8 +1,10 @@
 .message-icon {
-  position: absolute;
-  bottom: 0rem;
-  color: seagreen;
-  border: black;
+  //position: absolute;
+  // bottom: 0rem;
+  color: whitesmoke;
+  border: #000000;
+  margin-left: 0.2rem;
+  margin-right: 0rem;
   // z-index: 5;
 }
 
@@ -12,7 +14,7 @@
   //border: solid 1px #eee;
   display: flex;
   flex-direction: column;
-  //padding: 10px;
+  margin: 0.8rem 0rem;
 }
 
 .messages {
@@ -26,7 +28,13 @@
   padding: 0.25rem 0.8rem;
   //margin-top: 5px;
   // margin-bottom: 5px;
-  display: inline-block;
+  //display: inline-block;
+
+  .message-img {
+    max-width: 33%;
+    object-fit: contain;
+  }
+
 }
 
 .yours {
@@ -34,10 +42,11 @@
 }
 .msgmargin {
   margin-top: 0.1rem;
+  margin-bottom: 0.1rem;
 }
 
 .yours .message {
-  margin-right: 25%;
+  margin-right: 20%;
   background-color: #eee;
   position: relative;
 }