Updates to replyTo feature.

css/base.css

@@ -1377,7 +1377,6 @@ img.channel {
   flex: none;
   padding: 0.4rem 0.4rem 0.4rem 0.6rem;
   background-color: #eceff1;
-  /* box-shadow: 0px -2px 3px -1px rgba(0,0,0,0.1); */ /* Faint shadow above panel */
   z-index: 2;
   height: 4rem;
 }
@@ -2154,6 +2153,106 @@ ul.tabbar li.active > a {
   color: #D84315!important;
 }
 
+/* Colors of user mentions */
+.mn-light-color0 {
+  color: #ef9a9a;
+}
+.mn-light-color1 {
+  color: #90caf9;
+}
+.mn-light-color2 {
+  color: #b0bec5;
+}
+.mn-light-color3 {
+  color: #b39ddb;
+}
+.mn-light-color4 {
+  color: #ffab91;
+}
+.mn-light-color5 {
+  color: #a5d6a7;
+}
+.mn-light-color6 {
+  color: #eeeeee;
+}
+.mn-light-color7 {
+  color: #e6ee9c;
+}
+.mn-light-color8 {
+  color: #c5e1a5;
+}
+.mn-light-color9 {
+  color: #f0e57d;
+}
+.mn-light-color10 {
+  color: #f48fb1;
+}
+.mn-light-color11 {
+  color: #9fa8da;
+}
+.mn-light-color12 {
+  color: #ffe082;
+}
+.mn-light-color13 {
+  color: #bcaaa4;
+}
+.mn-light-color14 {
+  color: #80deea;
+}
+.mn-light-color15 {
+  color: #ce93d8;
+}
+
+/* Darker version of user mention colors */
+.mn-dark-color0 {
+  color: #C62828;
+}
+.mn-dark-color1 {
+  color: #AD1457;
+}
+.mn-dark-color2 {
+  color: #6A1B9A;
+}
+.mn-dark-color3 {
+  color: #4527A0;
+}
+.mn-dark-color4 {
+  color: #283593;
+}
+.mn-dark-color5 {
+  color: #1565C0;
+}
+.mn-dark-color6 {
+  color: #0277BD;
+}
+.mn-dark-color7 {
+  color: #00838F;
+}
+.mn-dark-color8 {
+  color: #00695C;
+}
+.mn-dark-color9 {
+  color: #2E7D32;
+}
+.mn-dark-color10 {
+  color: #558B2F;
+}
+.mn-dark-color11 {
+  color: #9E9D24;
+}
+.mn-dark-color12 {
+  color: #F9A825;
+}
+.mn-dark-color13 {
+  color: #FF8F00;
+}
+.mn-dark-color14 {
+  color: #EF6C00;
+}
+.mn-dark-color15 {
+  color: #D84315;
+}
+
 /* Material icons resized from the default 24pt */
 .material-icons {
   font-size: 1.4rem;
@@ -2463,8 +2562,6 @@ ul.tabbar li.active > a {
   line-height: 1.5em;
   font-weight: 100;
   margin-left: 0.2em;
-  display: flex;
-  flex-direction: column;
 }
 
 .reply-quote-header {
@@ -2475,4 +2572,3 @@ ul.tabbar li.active > a {
   display: flex;
   align-items: center;
 }
-