Display phone number in conversation header

Fixes #436

// FREEBIE

background.html

@@ -51,7 +51,12 @@
             </ul>
           </div>
           {{> avatar }}
-          <span class='conversation-title'>{{ title }}</span>
+          <span class='conversation-title'>
+            {{ title }}
+            {{ #number }}
+              <span class='conversation-number'>{{ number }}</span>
+            {{ /number }}
+          </span>
       </div>
 
       <div class='discussion-container'></div>

js/views/conversation_view.js

@@ -18,6 +18,7 @@
             return {
                 group: this.model.get('type') === 'group',
                 title: this.model.getTitle(),
+                number: this.model.getNumber(),
                 avatar: this.model.getAvatar()
             };
         },

stylesheets/_conversation.scss

@@ -19,6 +19,13 @@
   overflow: hidden;
   text-overflow: ellipsis;
   padding-left: 10px;
+  -webkit-user-select: text;
+}
+.conversation-number {
+  padding-left: 5px;
+  line-height: 1em;
+  font-size: small;
+  color: #999;
 }
 
 .conversation {

stylesheets/manifest.css

@@ -583,7 +583,14 @@ input.search {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  padding-left: 10px; }
+  padding-left: 10px;
+  -webkit-user-select: text; }
+
+.conversation-number {
+  padding-left: 5px;
+  line-height: 1em;
+  font-size: small;
+  color: #999; }
 
 .conversation {
   height: calc(100% - 20px);