brotherton-erpnext/erpnext/public/js/payment/pos_payment.html

<div class="pos_payment row">
    	<div class="col-sm-6">
			<div class="row">
				<div class="col-xs-6 text-center"> 
					<p class="amount-label"> Total <h3>{%= format_currency(grand_total, currency) %} </h3></p>
				</div>
				<div class="col-xs-6 text-center"> 
					<p class="amount-label"> Paid <h3 class="paid_amount">{%= format_currency(paid_amount, currency) %}</h3></p>
				</div>              
			</div>
				<hr>
			<div class="multimode-payments">
    		</div>
    	</div>
    	<div class="col-sm-6">
            <div class="row">
				<div class="col-xs-6 text-center"> 
					<p class="amount-label"> Outstanding <h3 class="outstanding_amount">{%= format_currency(outstanding_amount, currency) %} </h3></p>
				</div>
				<div class="col-xs-6 text-center"> 
					<p class="amount-label"> Change <h3 class="change_amount">{%= format_currency(change_amount, currency) %}</h3></p>
				</div>              
            </div>
			<hr>
            <div class="payment-toolbar">
				{% for(var i=0; i<3; i++) { %}
					<div class="row">
						{% for(var j=i*3; j<(i+1)*3; j++) { %}
							<button type="button"  class="btn btn-default pos-keyboard-key">{{j+1}}</button>
						{% } %}
					</div>
				{% } %}   
				<div class="row">
					<button type="button"  class="btn btn-default delete-btn">Del</button>
					<button type="button"  class="btn btn-default pos-keyboard-key">0</button>
					<button type="button"  class="btn btn-default pos-keyboard-key">.</button>
				</div>
            </div>
    	</div>
</div>