change symbols from png to svg

build/css/ox.ui.css

@@ -214,6 +214,8 @@ input[type=submit] {
 }
 input[type=image] {
     cursor: default;
+    -moz-user-select: none;
+    -webkit-user-select: none;
 }
 input:focus,
 textarea:focus {
@@ -266,25 +268,12 @@ input.OxSmall {
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
 }
+
 input[type=image] {
-    padding: 0;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-}
-/*
-input[type=image].OxLarge {
-    width: 22px;
-}
-*/
-input[type=image].OxLarge {
-    width: 18px;
-}
-input[type=image].OxMedium {
-    width: 14px;
-}
-input[type=image].OxSmall {
-    width: 10px;
+    height: 10px;
+    padding: 2px;
 }
+
 input::-moz-focus-inner {
     border: none;
 }
@@ -310,7 +299,7 @@ OxButton
 .OxButton.OxSymbol,
 .OxButton.OxSymbol:active,
 .OxButton.OxSymbol:focus {
-    padding: 0;
+    padding: 2;
     border: 1px solid rgba(0, 0, 0, 0);
     background: rgba(0, 0, 0, 0);
     -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
@@ -418,8 +407,6 @@ div.OxCheckbox {
     -webkit-border-radius: 8px;
 }
 input.OxCheckbox {
-    width: 14px;
-    height: 14px;
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
 }
@@ -643,12 +630,12 @@ OxSelect
     margin-right: -16px;
 }
 .OxButton[type=image].OxOverlapLeft {
-    padding-left: 15px;
-    padding-right: 1px;
+    padding-left: 17px;
+    padding-right: 3px;
 }
 .OxButton[type=image].OxOverlapRight {
-    padding-left: 1px;
-    padding-right: 15px;
+    padding-left: 3px;
+    padding-right: 17px;
 }
 .OxCheckbox.OxOverlapLeft > .OxInput {
     padding-left: 20px;