Styling fixes to file upload input in instructor dashboard

[rpenido]

Description

Fixing some issues with responsiveness and the field border, as show below:

• Before
• After

Supporting information

Closes #32030

Testing instructions

• Enable ALLOW_AUTOMATED_SIGNUPS, changing the feature value from False to True
  

  edx-platform/lms/djangoapps/instructor/settings/common.py

  Line 72 in cc9ec69

  'ALLOW_AUTOMATED_SIGNUPS': False,

• Go to the Instructor Dashboard from the DemoX course
• Open the Membership tab
• The change is in the Register/Enroll Students section

[openedx-webhooks]

Thanks for the pull request, @rpenido! Please note that it may take us up to several weeks or months to complete a review and merge your PR.

Feel free to add as much of the following information to the ticket as you can:

• supporting documentation
• Open edX discussion forum threads
• timeline information ("this must be merged by XX date", and why that is)
• partner information ("this is a course on edx.org")
• any other information that can help Product understand the context for the PR

All technical communication about the code itself will be done via the GitHub pull request interface. As a reminder, our process documentation is here.

Please let us know once your PR is ready for our review and all tests are green.

[pomegranited]

Thanks for submitting this fix, @rpenido ! Your CSS changes look good, and your video screenshots are great.

But could you add Testing Instructions that explain how to reach this screen? I don't see it in my Instructor Dashboard for the DemoX course, so there must be some kind of certificate enabling that I need to do first. Thanks!

[rpenido]

Thank you for your inputs @pomegranited! I updated the PR with the Testing Instructions.

Could you please check if it is ok to remove the draft state?

[pomegranited]

👍 working great, thank you @rpenido !

However, you'll need to update your commit messages to conform to OEP-0051 otherwise the CI will fail -- e.g.,

fix: styles issue for the "Upload a CSV file" field on the Instructor Dashboard

Feel free to squash your commits at the same time and force push, and take this out of Draft.

• I tested this using the PR test instructions in both Firefox and Chrome
• I read through the code
• I checked for accessibility issues by using my keyboard only to use the modified UI components.
• Includes documentation N/A

[pomegranited]

Hi @mphilbrick211 , @pkulkark said she could pick up this review as CC (thank you!). Can we let tests run here?

[pkulkark]

@rpenido The changes look good. Would you mind rebasing your branch onto the latest master instead of merging? That would remove the unrelated commits.

[rpenido]

@pkulkark PR rebased!

[pkulkark]

Thanks @rpenido. Just a small nit - the title can probably be changed to "styling fixes to file upload input in instructor dashboard" to better convey what's done here. Otherwise LGMT 👍

• I tested this: Verified the styling fixes works as described in the testing instructions
• I read through the code
• I checked for accessibility issues
• Includes documentation N/A

[openedx-webhooks]

@rpenido 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future.

[edx-pipeline-bot]

EdX Release Notice: This PR has been deployed to the staging environment in preparation for a release to production.

[edx-pipeline-bot]

EdX Release Notice: This PR has been deployed to the production environment.