django-s3direct icon indicating copy to clipboard operation
django-s3direct copied to clipboard

File inputs overlap with labels in multiple fields forms

Open ABODFTW opened this issue 4 years ago • 0 comments

When I implemented this amazing library it looked like this because of one thing! image

Because the widget div isn't taking the full width.

The solution would be to add the following styles to the parent div

.s3direct {
    display: block; 
    width: 100%;
    margin-bottom: 1em; // Optional: to make it look less crumpled
}

And now it looks like this image

I'm not sure if this is a problem for you, but hopefully, it helps someone.

Would make a pull request if you think it is worth it

ABODFTW avatar Dec 18 '20 02:12 ABODFTW