Kendo UI DateTimePicker with larger button spacing

by whoamiwho

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.web.min.js"></script>
<div id="myForm">

<input type="number" id="numerictextbox" />

<br /><br /><br />

<select id="dropdownlist">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>

</div>

CSS

html {
    font:12px sans-serif;
}

JavaScript

$("#numerictextbox").kendoNumericTextBox();
$("#dropdownlist").kendoDropDownList();

$("#numerictextbox").data("kendoNumericTextBox").wrapper[0].title = "I am a NumericTextBox";

$("#dropdownlist").data("kendoDropDownList").wrapper[0].title = "I am a DropDownList";

$(".k-widget").kendoTooltip({
    position: "right",
    autoHide: false
});