The submit line on a change form in the admin site is not rendered correctly if it only contains the Save button

[John Shimek]

I have a custom template/view/form in the admin site which only has the save button in the submit row. The gray box that should contain all the buttons is collapses with the Save button rendered over/below the gray box. See the attached image for a screenshot. I am also attaching my template, view, and form to ease reproducing.

The issue seems to stem from "float: right" set to the button with "input[type=submit].default" in admin/media/globals.css. Removing the "float: right" though makes the save button appear as the left most button with multiple buttons on the submit row and the delete button is messed up. To fix that, I also updated the submit_line.html template to have the Save button last in the list.

[John Shimek]

Screenshot of issue

[John Shimek]

example views.py to reproduce

[John Shimek]

example template to reproduce issue

[John Shimek]

proposed patch

[John Shimek]

I found that the popups only have a save button that is rendered correctly. This is because the submit-row div has "overflow: auto;" set for the style in the html. Doing the same in my template solves my issue, but I am wondering if that should then be added to the globals.css instead of set in the html.

[Wilson Miner]

(In [9039]) Fixed #9074: Added overflow: hidden to the submit-row div to clear the floated contents and avoid collapsing when the Save button is all that's there.