diff --git a/wagtail/contrib/wagtailstyleguide/templates/wagtailstyleguide/base.html b/wagtail/contrib/wagtailstyleguide/templates/wagtailstyleguide/base.html index adf3c9dfeb..5877bb7eda 100644 --- a/wagtail/contrib/wagtailstyleguide/templates/wagtailstyleguide/base.html +++ b/wagtail/contrib/wagtailstyleguide/templates/wagtailstyleguide/base.html @@ -96,12 +96,13 @@

Help text is not to be confused with the messages that appear in a banner drop down from the top of the screen. Help text are permanent instructions, visible on every page view, that explain or warn about something.

- This is help text that might be just for information, explaining what happens next, or drawing the user's attention to something they're about to do +

This is help text that might be just for information, explaining what happens next, or drawing the user's attention to something they're about to do

+

It could be multiple lines

-
+

A warning message might be output in cases where a user's action could have serious consequences -

+

A critical message would probably be rare, in cases where a particularly brittle or dangerously destructive action could be performed and needs to be warned about. diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/components/typography.scss b/wagtail/wagtailadmin/static/wagtailadmin/scss/components/typography.scss index c907d5b935..77d7df619d 100644 --- a/wagtail/wagtailadmin/static/wagtailadmin/scss/components/typography.scss +++ b/wagtail/wagtailadmin/static/wagtailadmin/scss/components/typography.scss @@ -58,6 +58,14 @@ kbd{ .help-block{ padding:1em; margin:1em 0; + + p{ + margin-top:0; + + &:last-child{ + margin-bottom:0; + } + } } .help-info, .help-warning, .help-critical{ @include border-radius(3px);