WEBUI: cosmetic changes with add icon for tabs

I also add icon named tv_cards.png but i do not know how add this icon
to tabs named: TV adapters.

Please correct the more well-known for adding the icon to the tabs.

src/webui/static/app/esfilter.js

@@ -86,6 +86,7 @@ tvheadend.esfilter_tab = function(panel)
         url: 'api/esfilter/teletext',
         titleS: 'Teletext Stream Filter',
         titleP: 'Teletext Stream Filters',
+		iconCls: 'teletext',
         tabIndex: 3,
         edit: { params: { list: eslist } },
         add: {
@@ -104,6 +105,7 @@ tvheadend.esfilter_tab = function(panel)
         url: 'api/esfilter/subtit',
         titleS: 'Subtitle Stream Filter',
         titleP: 'Subtitle Stream Filters',
+		iconCls: 'subtitle',
         tabIndex: 4,
         edit: { params: { list: eslist } },
         add: {
@@ -140,6 +142,7 @@ tvheadend.esfilter_tab = function(panel)
         url: 'api/esfilter/other',
         titleS: 'Other Stream Filter',
         titleP: 'Other Stream Filters',
+		iconCls: 'otherFilters',
         tabIndex: 6,
         edit: { params: { list: eslist } },
         add: {

src/webui/static/app/ext.css

@@ -346,6 +346,42 @@
     background-image: url(../icons/exclamation.png) !important;
 }
 
+.tvCards {
+    background-image: url(../icons/tv_cards.png) !important;
+}
+
+.networks {
+    background-image: url(../icons/networks.png) !important;
+}
+
+.muxes {
+    background-image: url(../icons/muxes.png) !important;
+}
+
+.muxSchedulers {
+    background-image: url(../icons/mux_schedulers.png) !important;
+}
+
+.services {
+    background-image: url(../icons/services.png) !important;
+}
+
+.teletext {
+    background-image: url(../icons/teletext.png) !important;
+}
+
+.subtitle {
+    background-image: url(../icons/subtitle.png) !important;
+}
+
+.serviceMapper {
+    background-image: url(../icons/service_mapper.png) !important;
+}
+
+.otherFilters {
+    background-image: url(../icons/other_filters.png) !important;
+}
+
 .x-linked {
     display: inline-block;
     background-image: url(../icons/linked.gif) !important;

src/webui/static/app/mpegts.js

@@ -31,6 +31,7 @@ tvheadend.networks = function(panel, index)
         url: 'api/mpegts/network',
         titleS: 'Network',
         titleP: 'Networks',
+		iconCls: 'networks',
         tabIndex: index,
         help: function() {
             new tvheadend.help('Networks', 'config_networks.html');
@@ -62,6 +63,7 @@ tvheadend.muxes = function(panel, index)
         url: 'api/mpegts/mux',
         titleS: 'Mux',
         titleP: 'Muxes',
+		iconCls: 'muxes',
         tabIndex: index,
         hidemode: true,
         help: function() {
@@ -254,6 +256,7 @@ tvheadend.services = function(panel, index)
         url: 'api/mpegts/service',
         titleS: 'Service',
         titleP: 'Services',
+		iconCls: 'services',
         tabIndex: index,
         hidemode: true,
         add: false,
@@ -290,6 +293,7 @@ tvheadend.mux_sched = function(panel, index)
         url: 'api/mpegts/mux_sched',
         titleS: 'Mux Scheduler',
         titleP: 'Mux Schedulers',
+		iconCls: 'muxSchedulers',
         tabIndex: index,
         help: function() {
             new tvheadend.help('Mux Schedulers', 'config_muxsched.html');

src/webui/static/app/servicemapper.js

@@ -32,6 +32,7 @@ tvheadend.service_mapper_status = function(panel, index)
     var mpanel = new Ext.FormPanel({
         method: 'get',
         title: 'Service Mapper',
+		iconCls: 'serviceMapper',
         frame: true,
         border: true,
         bodyStyle: 'padding: 5px',