Tweak message list style

 * make icons smaller
 * use small font size in body
 * add some spacing between secondary item and title

1 files changed, 8 insertions, 1 deletions

diff --git a/_common.scss b/_common.scss
index bc424d3..f7927ab 100644
--- a/_common.scss
+++ b/_common.scss
@@ -897,7 +897,12 @@ StScrollBar {
           }
 
           .message-icon-bin > StIcon {
-            icon-size: 48px;
+            icon-size: 32px;
+          }
+
+          .message-secondary-bin {
+            &:ltr { padding-left: 8px; }
+            &:rtl { padding-right: 8px; }
           }
 
           .message-secondary-bin {
@@ -910,10 +915,12 @@ StScrollBar {
 
           .message-title {
             font-weight: bold;
+            font-size: 1.1em;
           }
 
           .message-content {
             padding: 8px;
+            font-size: .9em;
           }