diff --git a/web/styles/message_row.css b/web/styles/message_row.css index ef02153e02..34e4d4e9dc 100644 --- a/web/styles/message_row.css +++ b/web/styles/message_row.css @@ -88,7 +88,7 @@ .messagebox-content { display: grid; - align-items: baseline; + align-content: baseline; padding-left: 10px; /* Prevent the message column from overflowing the 1fr space allotted by specifying `minmax(0,1fr)`, which @@ -125,10 +125,12 @@ .message_edit_notice { grid-area: edited; + align-self: center; } .edit-notifications { grid-area: edited; + align-self: center; } .slow-send-spinner { @@ -400,8 +402,9 @@ vertical-align: baseline; /* A bit of margin here helps these not look associated with the name. */ margin-left: 4px; - /* Unset the padding used on edited notices under the avatar. */ + /* Unset the padding, align-self used on edited notices under the avatar. */ padding-right: 0; + align-self: unset; &.hide { display: none; diff --git a/web/styles/rendered_markdown.css b/web/styles/rendered_markdown.css index 3515b427b8..b8cefd93c4 100644 --- a/web/styles/rendered_markdown.css +++ b/web/styles/rendered_markdown.css @@ -568,13 +568,14 @@ timestamp when the first child of the rendered markdown is a horizontal rule, a media element, or KaTeX. */ + /* &:has(> hr:first-child), &:has(> .message-thumbnail-gallery:first-child), &:has(> p:first-child > audio), &:has(> p:first-child > .katex-display) { align-self: center; } - + */ /* But for browsers that don't support :has(), we provide a small layout hack using an inline grid. */