[wp-trac] [WordPress Trac] #41499: Menu name and action button too close in responsive below 500px.

[WordPress Trac]

#41499: Menu name and action button too close in responsive below 500px.
-------------------------------------------------+-------------------------
 Reporter:  punit5658                            |       Owner:  afercia
     Type:  defect (bug)                         |      Status:  assigned
 Priority:  normal                               |   Milestone:  4.9
Component:  Menus                                |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  has-patch has-screenshots needs-     |     Focuses:  ui,
  refresh                                        |  administration
-------------------------------------------------+-------------------------
Changes (by afercia):

 * keywords:  has-patch => has-patch has-screenshots needs-refresh
 * owner:   => afercia
 * version:  trunk =>
 * status:  new => assigned
 * milestone:  Awaiting Review => 4.9


Comment:

 @punit5658 thanks and welcome to Trac.
 Seems something worth fixing! However, a fixed value of `86px` in `width:
 calc( 100% - 86px );` doesn't take into account the label could be longer
 (or shorter) when translated in other languages. Just an example:

 [[Image(https://cldup.com/wkSCCXf_WP.png)]]

 A more solid solution would probably be making the elements stacked
 vertically under a certain viewport width. There's no need for the label
 and the input field to be always on the same line also on small screens.

 Also, you may want to have a look at the
 [https://make.wordpress.org/core/handbook/best-practices/coding-
 standards/css/ WordPress CSS coding standards] about spaces, etc.
 Indentation should always use tab characters and not spaces, and every
 file should end with an empty line.

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