Message styling

1 files changed, 10 insertions, 3 deletions

diff --git a/vnext/src/components/Message.css b/vnext/src/components/Message.css
index cd0c34ab..4b2e6d74 100644
--- a/vnext/src/components/Message.css
+++ b/vnext/src/components/Message.css
@@ -1,7 +1,14 @@
+.msg-cont .ir {
+    padding: 12px;
+}
 .msg-cont .ir img {
     max-width: 100%;
     height: auto;
 }
+.msg-cont > .h,
+.msg-cont .msg-header {
+    padding: 12px;
+}
 .msg-cont > nav.l {
     border-top: 1px solid #eee;
     display: flex;
@@ -42,7 +49,6 @@
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
     line-height: 140%;
     margin-bottom: 12px;
-    padding: 12px;
 }
 .reply-new .msg-cont {
     border-right: 5px solid #0C0;
@@ -57,7 +63,7 @@
 }
 .msg-txt {
     margin: 0 0 12px;
-    padding-top: 10px;
+    padding: 12px;
     word-wrap: break-word;
     overflow-wrap: break-word;
 }
@@ -81,6 +87,7 @@ blockquote {
     color: #999;
     font-size: small;
     margin: 5px 0 0 0;
+    padding: 12px;
 }
 .msg-comments {
     color: #AAA;
@@ -130,7 +137,7 @@ blockquote {
     color: #AAA;
     font-size: small;
     margin-bottom: 10px;
-    padding-bottom: 6px;
+    padding: 6px;
     border-bottom: 1px solid #eee;
     overflow: hidden;
     text-indent: 10px;