django-cms / djangocms-admin-style

django CMS Admin Style is a Django Theme tailored to the needs of django CMS.

Home Page:http://www.django-cms.org/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

.readonly div and label overlap in the .aligned fieldset if the label is long

vasilty opened this issue · comments

Django==1.11.20
django-cms==3.6.0
djangocms-admin-style==1.4.0

If the label is too long in the .aligned fieldset, the .readonly value overlaps the label.

Screen Shot 2019-05-15 at 11 41 37

I believe this is because the width of the label is set to auto, https://github.com/divio/djangocms-admin-style/blob/5a280a05bb471c2c329d46ce3ea861d523ea88d1/djangocms_admin_style/sass/components/_forms.scss#L263 while the left-margin of the .readonly div is set to 170px https://github.com/django/django/blame/43f54e136e9282f5c0bfcf1169d0d59b3c365add/django/contrib/admin/static/admin/css/forms.css#L90
170px value for the left margin seems to be dependant on the width of the label, which is set in django to 160px https://github.com/django/django/blame/43f54e136e9282f5c0bfcf1169d0d59b3c365add/django/contrib/admin/static/admin/css/forms.css#L74