diff --git a/django/contrib/admin/static/admin/css/forms.css b/django/contrib/admin/static/admin/css/forms.css index a326b3baf7..d932556ade 100644 --- a/django/contrib/admin/static/admin/css/forms.css +++ b/django/contrib/admin/static/admin/css/forms.css @@ -22,6 +22,11 @@ form .form-row p { padding-left: 0; } +.form-row > div { + display: flex; + flex-wrap: wrap; +} + /* FORM LABELS */ label { @@ -69,7 +74,6 @@ form ul.inline li { .aligned label { display: block; padding: 4px 10px 0 0; - float: left; width: 160px; word-wrap: break-word; line-height: 1; @@ -82,7 +86,7 @@ form ul.inline li { height: 26px; } -.aligned label + p, .aligned label + div.help, .aligned label + div.readonly { +.aligned label + p, .aligned .checkbox-row + div.help, .aligned label + div.readonly { padding: 6px 0; margin-top: 0; margin-bottom: 0; @@ -90,6 +94,11 @@ form ul.inline li { overflow-wrap: break-word; } +.aligned label + div.readonly, +.aligned label + .datetime { + margin-left: 0; +} + .aligned ul label { display: inline; float: none; @@ -117,7 +126,6 @@ form .aligned div.radiolist { form .aligned p.help, form .aligned div.help { - clear: left; margin-top: 0; margin-left: 160px; padding-left: 10px; @@ -129,8 +137,7 @@ form .aligned p.datetime div.help.timezonewarning { font-weight: normal; } -form .aligned label + p.help, -form .aligned label + div.help { +form .aligned .checkbox-row + .help { margin-left: 0; padding-left: 0; } diff --git a/django/contrib/admin/static/admin/css/rtl.css b/django/contrib/admin/static/admin/css/rtl.css index 014fd1e591..9e9cffe31a 100644 --- a/django/contrib/admin/static/admin/css/rtl.css +++ b/django/contrib/admin/static/admin/css/rtl.css @@ -111,7 +111,6 @@ thead th.sorted .text { .aligned label { padding: 0 0 3px 1em; - float: right; } .submit-row a.deletelink { @@ -127,10 +126,6 @@ thead th.sorted .text { margin-left: 5px; } -form .aligned p.help, form .aligned div.help { - clear: right; -} - form .aligned ul { margin-right: 163px; margin-left: 0; @@ -142,6 +137,17 @@ form ul.inline li { padding-left: 7px; } +form .aligned p.help, +form .aligned div.help { + margin-right: 160px; + padding-right: 10px; +} + +form .aligned .checkbox-row + .help { + margin-right: 0; + padding-right: 0; +} + .submit-row { text-align: right; } diff --git a/django/contrib/admin/templates/admin/includes/fieldset.html b/django/contrib/admin/templates/admin/includes/fieldset.html index ba260a36ce..7b6e903ec3 100644 --- a/django/contrib/admin/templates/admin/includes/fieldset.html +++ b/django/contrib/admin/templates/admin/includes/fieldset.html @@ -19,12 +19,12 @@ {{ field.field }} {% endif %} {% endif %} - {% if field.field.help_text %} -
- {{ field.field.help_text|safe }} -
- {% endif %} + {% if field.field.help_text %} +
+ {{ field.field.help_text|safe }} +
+ {% endif %} {% endfor %} {% endfor %}