Initial pass at the /me and action messages, without name highlighting, and missing avatar for continuation messages after a /me or action message

src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css

@@ -20,7 +20,10 @@ limitations under the License.
     padding-top: 24px;
     font-size: 14px;
     position: relative;
-    line-height: 1.4;
+}
+
+.mx_EventTile.mx_EventTile_info {
+    padding-top: 0px;
 }
 
 .mx_EventTile_avatar {
@@ -31,6 +34,11 @@ limitations under the License.
     z-index: 2;
 }
 
+.mx_EventTile_info .mx_EventTile_avatar {
+    top: 8px;
+    left: 44px;
+}
+
 .mx_EventTile_continuation {
     padding-top: 0px ! important;
 }
@@ -46,11 +54,9 @@ limitations under the License.
 .mx_EventTile .mx_SenderProfile {
     color: #454545;
     opacity: 0.5;
-    display: inline-block;
     font-size: 14px;
     overflow-y: hidden;
     cursor: pointer;
-    line-height: 16px;
     padding-left: 65px; /* left gutter */
     padding-bottom: 0px;
     padding-top: 0px;
@@ -64,7 +70,6 @@ limitations under the License.
     color: #acacac;
     font-size: 11px;
     left: 8px;
-    top: 8px;
     position: absolute;
 }
 
@@ -73,9 +78,19 @@ limitations under the License.
     /* ideally should be 100px, but 95px gives us a max thumbnail size of 800x600, which is nice */
     margin-right: 110px;
     padding-left: 65px; /* left gutter */
+/*
     padding-top: 5px;
     padding-bottom: 7px;
+*/
     border-radius: 4px;
+    line-height: 30px;
+}
+
+.mx_EventTile_info .mx_EventTile_contentContainer {
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    border: 0;
 }
 
 /* HACK to override line-height which is already marked important elsewhere */