[design] improve modal body padding

Author: zombieFox

src/css/modal.css

@@ -43,13 +43,16 @@
 
 .modal-body{
 border-radius:var(--theme-radius) var(--theme-radius) 00;
-padding:2em;
 overflow-y: auto;
 box-sizing: border-box;
 z-index:1;
 position: relative;
 }
 
+.modal-body-spacer{
+margin:2em;
+}
+
 .modal-heading:focus{
 outline: none;
 }

src/js/modal.js

@@ -101,6 +101,7 @@ var modal = (function(){
 bind.focus.remove();
 };
 varmodalBody=helper.node("div|class:modal-body");
+varmodalBodySpacer=helper.node("div|class:modal-body-spacer");
 varmodalControls=helper.node("div|class:modal-controls form-group");
 varactionButton=helper.node("button:"+options.actionText+"|class:button button-line button-block modal-button,tabindex:1");
 varcancelButton=helper.node("button:"+options.cancelText+"|class:button button-line button-block modal-button,tabindex:1");
@@ -118,7 +119,7 @@ var modal = (function(){
 value: 1
 }]
 });
-modalBody.appendChild(modalHeading);
+modalBodySpacer.appendChild(modalHeading);
 };
 if(options.content){
 if(typeofoptions.content=="string"){
@@ -128,11 +129,12 @@ var modal = (function(){
 text: options.content
 });
 container.appendChild(para);
-modalBody.appendChild(container);
+modalBodySpacer.appendChild(container);
 }else{
-modalBody.appendChild(options.content);
+modalBodySpacer.appendChild(options.content);
 };
 };
+modalBody.appendChild(modalBodySpacer);
 modalWrapper.appendChild(modalBody);
 modalWrapper.appendChild(modalControls);
 modal.appendChild(modalWrapper);