Merge pull request #17975 from edx/ai/EDUCATOR-2719-button-styling

Fix styling of button on certificate & membership page.

lms/static/sass/course/instructor/_instructor_2.scss

@@ -168,7 +168,7 @@
 
       position: relative;
       display: inline-block;
-      width: 250px;
+      width: 265px;
       vertical-align: middle;
       border: 1px solid $lightGrey1;
       background: $white;
@@ -177,7 +177,7 @@
     }
 
     .file-browse {
-      @include margin-left(-4px);
+      @include margin-left(-5px);
 
       display: inline-block;
       position: absolute;
@@ -185,6 +185,9 @@
       left: 0;
       width: 100%;
       overflow: hidden;
+      padding: 0;
+      border: none;
+      background: transparent;
 
       .browse {
         @include button(simple, $primary);

lms/templates/instructor/instructor_dashboard_2/membership.html

@@ -69,7 +69,7 @@ from openedx.core.djangolib.markup import HTML, Text
 %if static.get_value('ALLOW_AUTOMATED_SIGNUPS', settings.FEATURES.get('ALLOW_AUTOMATED_SIGNUPS', False)):
 <hr class="divider" />
 
-  <div class="auto_enroll auto_enroll_csv">
+  <div class="auto_enroll auto_enroll_csv membership-section">
     <h3 class="hd hd-3">${_("Register/Enroll Students")}</h3>
     <p>${_("To register and enroll a list of users in this course, choose a CSV file that contains the following columns in this exact order: email, username, name, and country. Please include one student per row and do not include any headers, footers, or blank lines.")}</p>
     <form id="student-auto-enroll-form" method="post" action="${ section_data['upload_student_csv_button_url'] }" enctype="multipart/form-data">