diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css index e02bf5389..92799d90f 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css +++ b/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 */