compose_banners: Explicitly target banner content, child p.

This ensures uniform display and flexing of different bits of
banner content, including:

* Banners like Sent! Scroll down to view...) that have only a
  classless `<p>` marking their content
* Banners like the unscheduled message allert, which puts a
  .banner_content class right on the paragraph
* Banners like the Your message was sent to a stream you have
  muted", which tuck a `<p>` into a div with the .banner_content
  class
This commit is contained in:
Karl Stolley 2023-09-28 15:50:34 -05:00 committed by Tim Abbott
parent 7ef3ce9e8b
commit ec8e6c2179
1 changed files with 2 additions and 1 deletions

View File

@ -301,7 +301,8 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
& p { & .banner_content,
& > p {
margin: 0; /* override bootstrap */ margin: 0; /* override bootstrap */
/* 5px right padding + 10px left-margin of the neighbouring button will match the left padding */ /* 5px right padding + 10px left-margin of the neighbouring button will match the left padding */
padding: 8px 5px 8px 15px; padding: 8px 5px 8px 15px;