Styled dropdown box

config.js

@@ -1,58 +0,0 @@
-/*deccoboard.loadConfiguration({
-	"allow_edit"  : true,
-	"datasources": [
-        {
-            name   : "Weather",
-            type   : "JSON",
-	        settings : {
-	            url    : "http://api.openweathermap.org/data/2.5/weather?q=London,uk",
-	            refresh: 5,
-		        is_jsonp : true,
-		        headers : [
-			        {
-				        name : "blah 1",
-				        value : "value"
-			        }
-		        ]
-	        }
-        },
-        {
-	        name    : "RL78",
-	        type    : "rl78",
-	        settings: {
-				device_resource_id : "b3273d7585fa85642140749a63ebc02fcc142ace"
-	        }
-        }
-	],
-	"panes"    : [
-        {
-            "title"   : "Status",
-            "width"   : 1,
-            "row"     : 1,
-            "col"     : 1,
-            "widgets": [
-                {
-                    "type"   : "big-text",
-                    "value"  : 'javascript: datasources.Weather.wind.speed',
-                    "refresh": ["Weather"],
-                    "units"  : "MPH"
-                },
-                {
-	                "type"   : "text-with-sparkline",
-	                "value"  : 'javascript: datasources.Weather.wind.speed',
-	                "refresh": ["Weather"],
-	                "units"  : "MPH"
-                },
-                {
-	                "title"  : "Power",
-	                "type"   : "gauge",
-	                "value"  : 'javascript: datasources.Weather.wind.speed',
-	                "refresh": ["Weather"],
-	                "units"  : "MPH",
-	                "min" : 0,
-	                "max" : 200
-                }
-            ]
-        }
-	]
-});*/

css/styles.css

@@ -2112,3 +2112,12 @@ textarea.calculated-value-input
 	min-width        : 16px;
 	margin-left: 413px;
 }
+
+.styled-select select
+{
+	width              : 414px;
+	height             : 30px;
+	-webkit-appearance : none;
+	border           : 1px solid #3d3d3d;
+	background : url(../img/dropdown-arrow.png) no-repeat right #272727;
+}

js/deccoboard/deccoboard.js

@@ -681,7 +681,7 @@ var deccoboard = (function()
 					{
 						var defaultValue = currentSettingsValues[settingDef.name];
 
-						var input = $('<select></select>').appendTo(valueCell).change(function()
+						var input = $('<select></select>').appendTo($('<div class="styled-select"></div>').appendTo(valueCell)).change(function()
 						{
 							newSettings.settings[settingDef.name] = $(this).val();
 						});
@@ -787,7 +787,7 @@ var deccoboard = (function()
 		if(_.keys(pluginTypes).length > 1)
 		{
 			var typeRow = createSettingRow("Type");
-			var typeSelect = $('<select></select>').appendTo(typeRow);
+			var typeSelect = $('<select></select>').appendTo($('<div class="styled-select"></div>').appendTo(typeRow));
 
 			typeSelect.append($("<option>Select a type...</option>").attr("value", "undefined"));