separating radio buttons from label text

[tpeck]

I probably have my sideboxes either side of the middle column too wide - perhaps that is the reason - but any radio buttons are smack up against the label for them. I would like to add some small blank white graphic or something in between to cheat my way out of this. But putting a spacer means putting it in the right spot. For example:



If I go to \includes\templates\template_default\templates\tpl_checkout_payment_default.php I see this part of the code (starting around line 133):

<?php
  $radio_buttons = 0;
  for ($i=0, $n=sizeof($selection); $i<$n; $i++) {
?>
<?php
    if (sizeof($selection) > 1) {
        if (empty($selection[$i]['noradio'])) {
 ?>
<?php echo zen_draw_radio_field('payment', $selection[$i]['id'], ($selection[$i]['id'] == $_SESSION['payment'] ? true : false), 'id="pmt-'.$selection[$i]['id'].'"'); ?>
<?php   } ?>
<?php
    } else {

?>
<?php echo zen_draw_hidden_field('payment', $selection[$i]['id'], 'id="pmt-'.$selection[$i]['id'].'"'); ?>
<?php
    }
?>
<label for="pmt-<?php echo $selection[$i]['id']; ?>" class="radioButtonLabel"><?php echo $selection[$i]['module']; ?></label>

<?php
    if (defined('MODULE_ORDER_TOTAL_COD_STATUS') && MODULE_ORDER_TOTAL_COD_STATUS == 'true' and $selection[$i]['id'] == 'cod') {
?>
<div class="alert"><?php echo TEXT_INFO_COD_FEES; ?></div>
<?php
    } else {
      // echo 'WRONG ' . $selection[$i]['id'];
?>

Where could I add a spacer?

[stevesh]

As always, it will be a lot easier to help if you provide a link to your site, in thsi format: mysiteDOTcom.

[tpeck]

Don't want to burden anyone with having to login to see the problem but if you go here http://aapress.com.au/zencart/ and press GO TO CHECKOUT you will see an instance of what I mean.

[dw08gm]

Tpeck

either asign a width to the radio button label and/or add padding to the LHS of actual buttons

label.inputLabelRadio {width:8em; float:left; font-size:0.9em;}

and/or

label.radioButtonLabel {float:left; padding:0em 1em 0em 0.25em;}

hope this helps

[tpeck]

Yes, it helped - thanks - I ended up adding this to the template stylesheet:

LABEL.checkboxLabel, LABEL.radioButtonLabel {
        padding:0 5px 0 5px;
        }