[Heyhoe]

VMA – try replacing your icon.js with the following – this will adjust each row to it’s required max height, not the height of the tallest row in the entire table:-

// Change this variable to set the minimum height of a row, regardless of the contents
var min = 35;

// Temp variable to hold the max row height for each column
var mh = new Array();

// the number of columns in the pricing table
var cols = jQuery(‘.col1’).size() – 1;

jQuery(‘#shaon-pricing-table .responsive’).css(‘width’,(98/(jQuery(‘#shaon-pricing-table .responsive’).length+1))+’%’);
jQuery(‘#shaon-pricing-table li’).each(function(){
jQuery(this).html(jQuery(this).html().replace(‘[y]’,”));
jQuery(this).html(jQuery(this).html().replace(‘[n]’,”));
jQuery(this).html(jQuery(this).html().replace(‘[na]’,”));
});

jQuery(‘#shaon-pricing-table li img’).addClass(‘aligncenter’).css(‘border’,’0px’).css(‘padding-top’,’0px’).css(‘padding-bottom’,’0px’).css(‘margin-bottom’,’0px’);

// Iterate through each of the cols and get the max height of each row
jQuery(‘#shaon-pricing-table li’).each(function(index){
if(jQuery(this).height() > mh[index % cols]){
mh[index % cols] = jQuery(this).height();
}else{
mh[index % cols] = 0;
}
});
// iterate over each of the rows again adjusting to the max height required by eadch of the cols
jQuery(‘#shaon-pricing-table li’).each(function(index){
mh[index % cols] = mh[index % cols] < min ? min : mh[index % cols];
jQuery(this).css('height',mh[index % cols] + 'px').css('min-height','25px');
});