Added some whitespace inside buttons.

vasl_templates/webapp/static/css/main.css

@@ -84,15 +84,15 @@ input[type="text"] { margin-bottom: 0.25em ; }
 /* FUDGE! Fix vertical alignment between labels and their input boxes :-/ */
 div.label { border: 1px dotted transparent ; }
 
-.snippet-control button.generate { height: 26px ; padding: 2px 5px ; }
+.snippet-control button.generate { height: 26px ; padding: 2px 10px 2px 5px ; }
 .snippet-control button.generate img { height: 20px ; margin-right: 3px ; vertical-align: middle ; }
 .snippet-control .ui-selectmenu-button { padding: 2px 10px ; }
 .snippet-control-menu-item { font-size: 75% ; }
 .ui-selectmenu-button-closed { height: 26px ; }
 .ui-selectmenu-icon.ui-icon { margin-top: -7px; }
 
-button.edit-template { height: 26px ; padding: 2px 5px ; }
-button.edit-template img { height: 18px ; vertical-align: middle ; }
+button.edit-template { height: 30px ; padding: 4px 10px ; }
+button.edit-template img { height: 18px ; vertical-align: middle ; margin-right: 0.25em ; }
 
 .ui-dialog-titlebar { padding: 0.2em 0.5em 0.2em 0.5em !important ; }
 .ui-dialog-titlebar-close { margin-top: -10px !important ; }

vasl_templates/webapp/static/css/sortable.css

@@ -1,5 +1,5 @@
-button.sortable-add { vertical-align: top ; height: 26px ; padding: 2px 5px ; }
-img.sortable-add { height: 15px ; }
+button.sortable-add { vertical-align: top ; height: 30px ; padding: 4px 10px ; }
+img.sortable-add { vertical-align: middle ; height: 15px ; margin-right: 0.25em ; }
 
 .sortable { font-size: 80% ; }
 .sortable { list-style-type: none ; margin: 0 ; padding: 0 ; }
@@ -15,4 +15,4 @@ img.sortable-add { height: 15px ; }
 .sortable-hint { width:100% ; height: calc(100% - 1.5em) ; font-size: 80% ; font-style: italic ; }
 .sortable-hint p { margin-bottom: 1em ; }
 
-.sortable-trash { margin-left: 5px ; height: 24px ;  }
+.sortable-trash { margin: 3px 5px ; height: 24px ;  }

vasl_templates/webapp/static/css/tabs-ob.css

@@ -28,9 +28,12 @@
 .panel-ob_notes .footer { font-size: 75% ; }
 .panel-ob_notes .footer .l { float: left ; }
 .panel-ob_notes .footer button[data-id="ob_note"] { float: right ; }
-.panel-ob_notes div.snippet-control { float: right ; margin-right: 0.25em ; }
+.panel-ob_notes div.snippet-control { float: right ; margin-right: 0.5em ; }
 .panel-ob_notes button.edit-template { margin-left: 1em ; }
 
+.panel-ob_notes div.snippet-control button.generate { height: 30px ; padding: 2px 5px ; }
+.panel-ob_notes div.snippet-control .ui-selectmenu-button-closed { height: 30px ; }
+
 /* -------------------------------------------------------------------- */
 
 .panel-vehicles {