change input field and button size

popup/config.html

@@ -9,12 +9,12 @@
     background-color: #008CBA; /* Blue */
     border: none;
     color: white;
-    padding: 5px 5px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 14px;
 	border-radius: 4px;
+	height : 20px;
 }
 .button:hover {
     background-color: #0070A0; 
@@ -22,7 +22,12 @@
 
 .input_field{
 	font-size: 14px;
-	padding: 1px 5px;
+	height: 15px;
+}
+
+.select_field{
+	font-size: 14px;
+	height: 20px;
 }
 
 .colonne{

popup/config.js

@@ -29,11 +29,11 @@ window.onload = function() {
 
 function appendLine(action,header_name,header_value,comment,status) {
 
-var html = "<td><select id=\"select_action" + line_number + "\" disable=false><option value=\"add\">add</option><option value=\"modify\">modify</option><option value=\"delete\">delete</option></select></td>";
+var html = "<td><select class=\"select_field\" id=\"select_action" + line_number + "\" disable=false><option value=\"add\">add</option><option value=\"modify\">modify</option><option value=\"delete\">delete</option></select></td>";
 html = html + "<td><input class=\"input_field\" size=\"15\" id=\"header_name"+ line_number + "\"></input></td>";
 html = html + "<td><input class=\"input_field\" size=\"20\" id=\"header_value"+ line_number + "\"></input></td>";
 html = html + "<td><input class=\"input_field\" size=\"20\" id=\"comment"+ line_number + "\"></input></td>";
-html = html + "<td><select id=\"select_status" + line_number + "\"><option value=\"on\"> on </option><option value=\"off\">off</option></select></td>";
+html = html + "<td><select class=\"select_field\" id=\"select_status" + line_number + "\"><option value=\"on\"> on </option><option value=\"off\">off</option></select></td>";
 html = html + "<td><input class=\"button\" type=\"button\" value=\"Delete\" id=\"delete_button" + line_number + "\"></input> </td>";
 
 var newTR = document.createElement("tr");