<?xml version="1.0"?><!-- generator="bbPress" -->

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
>

<channel>
<title>MachForm Community Forums Topic: Proposal To Adjust Radio (Choice) Hit Area</title>
<link>https://www.machform.com/forums/</link>
<description>MachForm Community Forums Topic: Proposal To Adjust Radio (Choice) Hit Area</description>
<language>en</language>
<pubDate>Sun, 03 May 2026 21:02:15 +0000</pubDate>

<item>
<title>yuniar on "Proposal To Adjust Radio (Choice) Hit Area"</title>
<link>https://www.machform.com/forums/topic/proposal-to-adjust-radio-choice-hit-area#post-19899</link>
<pubDate>Sat, 04 Jan 2014 06:02:11 +0000</pubDate>
<dc:creator>yuniar</dc:creator>
<guid isPermaLink="false">19899@https://www.machform.com/forums/</guid>
<description>&#60;p&#62;Thank you for this! That's very good idea indeed.&#60;br /&#62;
I'll adjust the current CSS code to have more padding value.
&#60;/p&#62;</description>
</item>
<item>
<title>aarenhofferth on "Proposal To Adjust Radio (Choice) Hit Area"</title>
<link>https://www.machform.com/forums/topic/proposal-to-adjust-radio-choice-hit-area#post-19884</link>
<pubDate>Wed, 01 Jan 2014 03:51:10 +0000</pubDate>
<dc:creator>aarenhofferth</dc:creator>
<guid isPermaLink="false">19884@https://www.machform.com/forums/</guid>
<description>&#60;p&#62;I was using the radio (choice) buttons today and noticed that the hit-areas are not as user friendly as they could be.&#60;/p&#62;
&#60;p&#62;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.&#60;/p&#62;
&#60;p&#62;&#60;strong&#62;This can be fixed very simply by changing this:&#60;/strong&#62;&#60;/p&#62;
&#60;pre&#62;&#60;code&#62;margin: -1.55em 0 0 25px;
padding: 4px 0 5px;&#60;/code&#62;&#60;/pre&#62;
&#60;p&#62;&#60;strong&#62;To this instead:&#60;/strong&#62;&#60;/p&#62;
&#60;pre&#62;&#60;code&#62;margin: -1.55em 0 0 0;
padding: 4px 15px 5px 25px;&#60;/code&#62;&#60;/pre&#62;
&#60;p&#62;Basically moving the margin value to the padding value instead.&#60;/p&#62;
&#60;p&#62;I've created a visual example of what this accomplishes here if you're confused as to what I'm talking about: &#60;a href=&#34;http://bit.ly/19zSBzF&#34;&#62;http://bit.ly/19zSBzF&#60;/a&#62;
&#60;/p&#62;</description>
</item>

</channel>
</rss>
