MachForm Community Forums » MachForm 3

1. aarenhofferth
   Member

   I was using the radio (choice) buttons today and noticed that the hit-areas are not as user friendly as they could be.

   Currently, the hit-areas (for selector: #main_body label.choice) do not include surrounding space which means the user can click in between the radio and the text and not activate the choice.

   This can be fixed very simply by changing this:

   margin: -1.55em 0 0 25px;
   padding: 4px 0 5px;

   To this instead:

   margin: -1.55em 0 0 0;
   padding: 4px 15px 5px 25px;

   Basically moving the margin value to the padding value instead.

   I've created a visual example of what this accomplishes here if you're confused as to what I'm talking about: http://bit.ly/19zSBzF

   Posted 10 years ago #
2. 

   yuniar

   Thank you for this! That's very good idea indeed.
   I'll adjust the current CSS code to have more padding value.

   ---

   MachForm Founder

   Posted 10 years ago #

RSS feed for this topic

Reply

You must log in to post.