[wp-trac] [WordPress Trac] #49228: Widgets: Checkbox overlap on small screens

[WordPress Trac]

#49228: Widgets: Checkbox overlap on small screens
-------------------------------------------------+-------------------------
 Reporter:  passoniate                           |       Owner:  audrasjb
     Type:  defect (bug)                         |      Status:  accepted
 Priority:  normal                               |   Milestone:  5.5
Component:  Widgets                              |     Version:  5.3.2
 Severity:  normal                               |  Resolution:
 Keywords:  has-screenshots good-first-bug has-  |     Focuses:  ui,
  patch needs-testing                            |  accessibility
-------------------------------------------------+-------------------------

Comment (by carriganvb):

 @audrasjb I've been looking at this. It seems to me that there are two
 approaches on the table to solving this. @milindmore22's approach was to
 change the style causing the squishing of the checkboxes directly. Your
 suggested approach (if I'm interpreting it correctly) is to surround each
 row in its own <p> tag, like this:


 {{{
 <p>
   <input1>
   <label1>
 </p>
 <p>
   <input2>
   <label2>
 </p>
 <p>
   <input3>
   <label3>
 </p>
 }}}

 As opposed the current layout:
 {{{
 <p>
   <input1>
   <label1>
   <br1>
   <input2>
   <label2>
   <br2>
 </p>
 }}}

 Am I interpreting your suggested approach correctly? Is your approach
 still how you'd like to proceed, as opposed to a direct style change?

 Thanks,
 -Carrigan

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