message_row: Align content, not items.

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;

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. */