cosmetic fixes

css/base.css

@@ -885,6 +885,10 @@ i.search {
   font-weight: bolder;
 }
 
+.contact-box .contact-comment .material-icons {
+  margin-bottom: .2rem;
+}
+
 /* Avatar and online-offline indicator */
 .contact-box .avatar-box {
   margin-right: 0.35rem;

src/messages.json

@@ -401,7 +401,7 @@
     "private_editing_placeholder": "Sólo visible para tí",
     "label_muting_topic": "Silenciado:",
     "action_more": "Más",
-    "label_your_permissions": "Tus permisoss:",
+    "label_your_permissions": "Tus permisos:",
     "label_permissions": "Permisos:",
     "label_you": "Tú:",
     "label_default_access": "Modo de acceso predeterminado:",
@@ -458,7 +458,7 @@
     "code_doesnot_match": "El código no coincide",
     "phone_dative": "teléfono",
     "email_dative": "correo electrónico",
-    "enter_confirmation_code_prompt": "Intruduzca el código de confirmación enviado a tu {method}:",
+    "enter_confirmation_code_prompt": "Introduzca el código de confirmación enviado a tu {method}:",
     "numeric_confirmation_code_prompt": "Sólo números",
     "button_confirm": "Confirmar",
     "save_attachment": "guardar",

src/widgets/contact-list.jsx

@@ -78,7 +78,7 @@ class ContactList extends React.Component {
             c.private.join(',') : (c.private ? c.private.comment : null);
           let preview;
           let deliveryStatus;
-          if (!this.props.showMode) {
+          if (!this.props.showMode && c.latestMessage) {
             const msg = c.latestMessage();
             if (msg) {
               deliveryStatus = msg._status || c.msgStatus(msg, true);

src/widgets/contact.jsx

@@ -84,8 +84,9 @@ export default class Contact extends React.Component {
             {this.props.isChannel ? <img src="/img/channel.png" className="channel" alt="channel" /> : null}
             <UnreadBadge count={this.props.unread} /><ContactBadges badges={icon_badges} />
           </div>
-          <div className="contact-comment">{marker}{subtitle || '\u00A0'}</div>
-          <span><ContactBadges badges={badges} /></span>
+          {this.props.showMode ?
+            <span><ContactBadges badges={badges} /></span> :
+            <div className="contact-comment">{marker}{subtitle || '\u00A0'}</div>}
         </div>
         {this.props.showContextMenu ?
           <span className="menuTrigger">