$.extend(ListItemManager.prototype, {
     setup: function() {
         this.el.clearWidgets();
-        this.el.documentElement._container().css({display: 'list-item'});
     },
     toggleBullet: function(toggle) {
         this.el.documentElement._container().css({display : toggle ? 'list-item' : 'block'});
 
         doc = node1.document;
     
     doc.transaction(function() {
-        doc.createList({node1: node1, node2: node2});
+        doc.createList({node1: node1, node2: node2, klass: params.meta === 'num' ? 'list.enum' : 'list'});
     }, {
         success: function() {
             canvas.setCurrentElement(selectionFocus.element, {caretTo: selectionFocus.offset});
 
     display:none;
 }
 
-[wlxml-class|="list"] {
+[wlxml-class="list"] {
 
-     [wlxml-class|="item"] {
-        display: list-item;
+
+    > * > [wlxml-class="item"] {
         margin-left: 10px;
         padding-left: 5px;
+        
+        &:before {
+            content: '\2022';
+            margin-right:10px;
+            padding-right:10px;
+        }
     }
 }
 
 
     counter-reset: myitem;
 
-    > [wlxml-class="item"] {
+    > * > [wlxml-class="item"] {
         counter-increment: myitem;
         margin-left: 10px;
         padding-left: 5px;
 
 
     <div class="rng-module-documentToolbar-toolbarGroup">
         <button data-name="new-node" data-meta="header/" data-btn-type="cmd" class="btn btn-mini">nagłówek</button>
-        <button data-name="list" data-btn-type="cmd" data-meta="bullets" class="btn btn-mini">lista</button>
+        <button data-name="list" data-btn-type="cmd" data-meta="bullets" class="btn btn-mini">lista pkt</button>
+        <button data-name="list" data-btn-type="cmd" data-meta="num" class="btn btn-mini">lista num</button>
     </div>
 
     <div class="rng-module-documentToolbar-toolbarGroup">