jQM 1.4 checkbox icon size

by Erik Zanker

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<div data-role="page" id="page1">
    <div data-role="header">
         <h1>My page</h1> 
    </div>
    <div data-role="content">
        <div class="ui-grid-a ui-field-contain">
            <div class="ui-block-a" style="width:80% !important;padding-right:29px !important;"> <font id="MobileNum_Label" size="5px" color="#002a4a" style="text-  align:right;float:right;font-weight:normal;white-space: normal;"> Check To Enable Daily   Messages </font>

            </div>
            <div class="ui-block-b" style="text-align:right;float:right;right: 0;margin-right: 0  !important;width:20% !important;">
                <fieldset data-role="controlgroup" class="customCheckBox" data-iconpos="right" style="padding-top:7px;">
                    <input type="checkbox" name="CheckB" id="CheckB" data-iconpos="notext" />
                    <label for="CheckB" data-inline="true"></label>
                </fieldset>
            </div>
        </div>
    </div>
</div>

CSS

.ui-controlgroup-controls .ui-btn-icon-notext{
    height:128px;
} 
.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after, .ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after{
    width: 64px;
    height: 128px;
}
.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after, .ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after{
    margin-top: -64px;
    margin-left: -32px;
}
.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on:after{
    background-size:42px 42px; /* size of check icon */
}