remove badges from contact list

css/base.css

@@ -178,6 +178,7 @@ textarea {
   resize: none;
 }
 input[type="text"],
+input[type="email"],
 input[type="password"],
 textarea {
   height: 2.5rem;
@@ -188,12 +189,14 @@ textarea {
 }
 textarea:focus,
 input[type="text"]:focus,
+input[type="email"]:focus,
 input[type="password"]:focus {
   border-bottom: 1px solid #2196f3;
   box-shadow: 0 1px 0 rgba(33, 150, 243, 0.25);
 }
 
 input[type="text"]::placeholder,
+input[type="email"]::placeholder,
 input[type="password"]::placeholder,
 textarea::placeholder {
   color: #bbb;
@@ -466,6 +469,9 @@ table.permission-editor td.checkbox {
 /* Sidepanel styles */
 .panel-title {
   font-size: 1.4rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .caption-panel {
@@ -474,7 +480,7 @@ table.permission-editor td.checkbox {
   flex: none;
   padding: 0.5rem;
   height: 4rem;
-
+  white-space: nowrap;
   box-shadow: 0 1px 2px gray;
   z-index: 1; /* otherwise the shadow becomes invisible */
 }
@@ -640,6 +646,7 @@ table.permission-editor td.checkbox {
 .contact-box .contact-comment {
   text-overflow: ellipsis;
   overflow: hidden;
+  white-space: nowrap;
   font-weight: lighter;
 }
 
@@ -660,6 +667,13 @@ table.permission-editor td.checkbox {
   height: 3rem;
   border-radius: 50%;
 }
+.contact-box .avatar-box > .material-icons {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  width: 3rem;
+  height: 3rem;
+}
 .contact-box .text-box {
   display: flex;
   flex-direction: column;
@@ -730,6 +744,7 @@ table.permission-editor td.checkbox {
 .panel-form {
   display: flex;
   flex-direction: column;
+  padding: 0;
 }
 
 .panel-form-row {
@@ -750,13 +765,17 @@ table.permission-editor td.checkbox {
   padding: 0.5rem 0.75rem;
   line-height: 1.5;
 }
+
 /* Make sure padding is only applied at
    the top level panel */
-.panel-form-row > .panel-form-column {
+.panel-form-row > .panel-form-column,
+.panel-form-column > .panel-form-column {
     padding: 0!important;
     flex-grow: 1;
 }
-.panel-form-column > .panel-form-row {
+.panel-form-column > .panel-form-row,
+.panel-form-row > .panel-form-row
+ {
     padding: 0!important;
 }
 
@@ -882,6 +901,16 @@ table.permission-editor td.checkbox {
   margin-right: 1rem;
 }
 
+#topic-users .avatar-box {
+  display: inline-block;
+  width: 1.8rem;
+  min-width: 1.8rem;
+  height: 1.8rem;
+  min-height: 1.8rem;
+  font-size: 1rem;
+  margin-right: 0.2rem;
+}
+
 /* Scrollable panel where the messages are shown */
 #messages-panel {
   position: relative;
@@ -1365,6 +1394,7 @@ ul.tabbar li.active > a:after {
   padding: 0 0.15rem 0 0.15rem;
   margin-left: 0.1rem;
   margin-right: 0.1rem;
+  margin-bottom: 0.1rem;
   border-radius: 0.15rem;
   display: inline-block;
   align-self: flex-start;
@@ -1520,6 +1550,7 @@ ul.tabbar li.active > a:after {
   font-size: 1.4rem;
   line-height: 1;
   vertical-align: middle;
+  text-align: center;
 }
 .material-icons.small {
   font-size: 1rem;
@@ -1548,12 +1579,10 @@ ul.tabbar li.active > a:after {
   border-bottom: 1px solid #ccc;
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
   transition: all 0.1s ease-in-out;
-  width: 100%;
   max-height: 10rem;
   min-height: 4rem;
   overflow-y: scroll;
-  margin: 0.25rem 0rem 0.25rem 0rem;
-  padding: 0 0 0.5rem 0.5rem;
+  margin: 0.25rem 0 0.25rem 0;
   outline: none;
   color: #666;
   align-items: center;

manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "Tinode chat",
+  "name": "Tinode chat",
+  "icons": [
+    {
+      "src":"img/logo96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src":"img/logo192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "img/logo.svg",
+      "type": "image/svg+xml",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": "/x/example-react-js/",
+  "background_color": "silver",
+  "theme_color": "#3949AB",
+  "display": "standalone"
+}