Add pretty slide animation for peer elements

public/styles.css

@@ -92,7 +92,19 @@ button.selected {
   margin: 0;
 }
 
+@keyframes connected-peers-slide {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0px);
+  }
+}
+
 #connected-peers li {
+  animation: connected-peers-slide 0.5s;
   border-bottom: 1px solid black;
   padding: 4px 0;
 }
@@ -124,7 +136,7 @@ button.selected {
 }
 
 .peer-status.negotiating {
-  animation: peer-status-negotiating 0.75s step-end infinite;
+  animation: peer-status-negotiating 0.5s step-end infinite;
   background-color: orange;
 }