[wp-trac] [WordPress Trac] #64832: [admin-reskin] Alignment issue in the upload plugin button

[WordPress Trac]

#64832: [admin-reskin] Alignment issue in the upload plugin button
-------------------------------------------------+-------------------------
 Reporter:  audrasjb                             |       Owner:  joedolson
     Type:  defect (bug)                         |      Status:  accepted
 Priority:  normal                               |   Milestone:  7.0
Component:  Administration                       |     Version:  trunk
 Severity:  normal                               |  Resolution:
 Keywords:  admin-reskin has-screenshots has-    |     Focuses:  ui, css
  patch                                          |
-------------------------------------------------+-------------------------

Comment (by huzaifaalmesbah):

 == Patch Testing Report

 Patch Tested: https://github.com/WordPress/wordpress-develop/pull/11241

 === Environment

 * WordPress: 7.0-beta5-61991-src
 * PHP: 8.3.30
 * Server: nginx/1.29.6
 * Database: mysqli (Server: 8.4.8 / Client: mysqlnd 8.3.30)
 * Browser: Chrome 146.0.0.0
 * OS: macOS
 * Theme: Twenty Twenty-Five 1.4
 * MU Plugins: None activated
 * Plugins:

   * Test Reports 1.2.1

 === Steps taken

 1. Installed a fresh WordPress trunk environment (7.0-beta5-61991-src).
 2. Navigated to **Settings → General → Site Language**.
 3. Selected Français (fr_FR) from the language dropdown and saved the
 changes.
 4. Navigated to **Dashboard → Plugins → Add New → Upload Plugin**.
 5. Observed the layout before applying the patch — the **Install Now**
 button overlapped with the upload hint text and alignment appeared broken.
 6. Applied the patch from PR.
 7. Ran the build command to compile the updated assets: `npm run
 build:dev`
 8. Reloaded the **Upload Plugin** screen.
 9. Verified the alignment and layout of the **file upload field** and
 **Install Now** button.
 10. ✅ Patch is solving the problem

 === Expected result

 * The **Upload Plugin** form elements should be properly aligned inside
 the upload box.
 * The **Install Now** button should not overlap with the upload
 instruction text.
 * The interface should remain readable and consistent even when longer
 localized strings (such as French) are used.

 === Additional Notes

 * Before applying the patch, the **Install Now** button had a transparent
 background which caused overlapping with the upload hint text, especially
 visible in the **fr_FR locale**.
 * After applying the patch and rebuilding assets with `npm run build:dev`,
 the button layout and background prevent overlapping text and improve
 readability.
 * The upload interface now appears consistent and properly aligned.

 === Screenshots/Screencast with results
 || Before Apply Patch || After Apply Patch ✅ ||
 || [[Image(https://i.ibb.co.com/5WZ8YR8h/Huzaifa-20260318045108.png)]] ||
 [[Image(https://i.ibb.co.com/B5Rdw7wH/Huzaifa-20260318045336.png)]] ||

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/64832#comment:6>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform