Improve disconnection/reconnection UX

src/scss/message.scss

@@ -48,3 +48,27 @@ div.message div.icon {
   white-space: pre-wrap;
   word-break: break-all;
 }
+
+.dotdotdot:before {
+  @keyframes dots {
+    0%,
+    20% {
+      content: '.';
+    }
+    40% {
+      content: '..';
+    }
+    60% {
+      content: '...';
+    }
+    90%,
+    100% {
+      content: '';
+    }
+  }
+
+  animation: dots 2s linear infinite;
+  content: '';
+  display: inline-block;
+  width: 3em;
+}