a few small fixes

css/base.css

@@ -219,7 +219,7 @@ form {
 }
 
 #self-avatar {
-  width: 30pt;
+  width: 3rem;
   height: auto;
   flex: none;
 }
@@ -247,8 +247,8 @@ form {
 
 #contact-box li {
   display: flex;
-  padding: 0.5em;
+  padding: 0.35rem 0.25rem 0.5rem 0.35rem;
-  min-height: 3.5em;
+  min-height: 3.5rem;
   overflow: hidden;
 }
 #contact-box li:hover {
@@ -264,15 +264,15 @@ form {
 
 /* Avatar and online-offline indicator */
 #contact-box .avatar-box {
-  margin-right: 1rem;
+  margin-right: 0.5rem;
   position: relative;
-  width: 30pt;
+  width: 3rem;
-  height: 30pt;
+  height: 3rem;
   overflow: hidden;
   padding: 0;
 }
 #contact-box .avatar {
-  width: 30pt;
+  width: 3rem;
   height: auto;
 }
 
@@ -288,7 +288,7 @@ form {
   color: #4caf50;
 }
 #contact-box .offline {
-  color: #9e9e9e;
+  color: #888;
 }
 
 #add-topic {
@@ -537,10 +537,10 @@ form {
 }
 
 #self-avatar.material-icons, .avatar-box .material-icons {
-  font-size: 30pt;
+  font-size: 2.8rem;
 }
 .avatar-box .material-icons {
-  color: #fafafa;
+  color: rgba(250, 250, 250, 0.8); /* #fafafa, gray 50 */
   background-color: #bdbdbd;
   border-radius: 2pt;
 }

index.html

@@ -402,7 +402,8 @@
         me.onSubsUpdated = this.tnMeSubsUpdated;
       },
       tnMeContactUpdate: function(what, cont) {
-        console.log("changed: " + what + " in " + cont.topic);
+        console.log("changed: " + what + " in :");
+        console.log(cont);
         this.forceUpdate();
       },
       tnInvite: function(invite) {
@@ -684,18 +685,18 @@ dignissim a diam a hendrerit. Nulla vel est ut quam rhoncus pulvinar. In hac hab
           keypressTimestamp: new Date().getTime() - KEYPRESS_DELAY - 1
         };
       },
-      handleSend: function(e) {
+      handleSend: function() {
         var message = this.state.message.trim();
         if (message) {
           this.props.sendMessage(this.state.message.trim());
           this.setState({message: ''});
         }
       },
+      /* Send on Enter key */
       handleKeyPress: function(e) {
+        /* Remove this if you don't want Enter to trigger send */
         if (e.key === 'Enter') {
-          console.log('do validate');
+          this.handleSend();
-        } else {
-          console.log(e.key);
         }
       },
       handleMessageTyping: function(e) {