improve syncing and storing

front/src/views/room/Message.vue

@@ -78,6 +78,7 @@ iframe {
     max-height: 300px;
     width: 100%;
     max-width: 750px; /* template width being 600px to 640px up to 750px (experiment and test) */
+    background-color: rgb(234, 234, 234);;
 }
 
 .left,

front/src/views/sidebar/rooms/threads/Thread.vue

@@ -31,8 +31,8 @@ console.log(props.thread)
 }
 
 .room::before {
-    content: "|";
+    border-right: 1px solid white;
     margin: 0 10px;
-    color: white;
+    content: "";
 }
 </style>