Tidying up the icons, moved expand button to a drag-handle button

Using some nice CC licensed icons from http://www.fatcow.com/free-icons/
Not sure where to attribute these icons properly, hopefully the commit
will do for now :)

css/WireIt.css

@@ -80,7 +80,7 @@ div.WireIt-Container-ddhandle {
 	font-size: 10pt;
    float : none;
    padding-left : 2px;
-   padding-right : 2px;
+
 } 
 div.WireIt-Container-ddhandle span {
    /*margin-right: 32px;*/
@@ -106,27 +106,39 @@ div.WireIt-Container-resizehandle {
 }
 
 div.WireIt-Container-closebutton {
-   background-image: url(../images/close.png);
-   width: 25px;
-   height: 15px;/*
+   background-image: url(../images/cancel.png);
+   width: 16px;
+   height: 16px;/*
    position: absolute;
    top: 4px;
    right: 4px;*/
    float : right;
    cursor: pointer;
+   margin-right: 4px;
 }
 
 div.WireIt-Container-groupbutton {
-   background-image: url(../images/group.png);
-   width: 25px;
-   height: 15px;/*
+   background-image: url(../images/brick_add.png);
+   width: 16px;
+   height: 16px;/*
    position: absolute;
    top: 4px;
    right: 4px;*/
    float : right;
    cursor: pointer;
+   margin-right: 4px;
+}
+div.WireIt-Container-ungroupbutton {
+   background-image: url(../images/brick_edit.png);
+   width: 16px;
+   height: 16px;/*
+   position: absolute;
+   top: 4px;
+   right: 4px;*/
+   float : right;
+   cursor: pointer;
+   margin-right: 4px;
 }
-
 div.WireIt-Container-toolbar {
 
 }

js/Container.js

@@ -207,12 +207,6 @@ WireIt.Container.prototype = {
       	this.el.appendChild(this.ddResizeHandle);
       }
 
-      if(this.options.groupable && this.options.ddHandle) {
-         this.groupButton = WireIt.cn('div', {className: 'WireIt-Container-groupbutton'} );
-	 this.ddHandle.appendChild(this.groupButton)
-	 Event.addListener(this.groupButton, "click", this.onGroupButton, this, true);
-      }
-
       if(this.options.close) {
          // Close button
          this.closeButton = WireIt.cn('div', {className: this.options.closeButtonClassName} );
@@ -222,7 +216,12 @@ WireIt.Container.prototype = {
 	    this.el.appendChild(this.closeButton);
          Event.addListener(this.closeButton, "click", this.onCloseButton, this, true);
       }
-
+
+      if(this.options.groupable && this.options.ddHandle) {
+         this.groupButton = WireIt.cn('div', {className: 'WireIt-Container-groupbutton'} );
+         this.ddHandle.appendChild(this.groupButton)
+         Event.addListener(this.groupButton, "click", this.onGroupButton, this, true);
+      }   
       // Append to the layer element
       this.layer.el.appendChild(this.el);
 

js/GroupFormContainer.js

@@ -130,11 +130,10 @@ YAHOO.lang.extend(WireIt.GroupFormContainer, WireIt.FormContainer, {
     },
 
    renderExpand: function() {
-	buttonEl = inputEx.cn('button');
-	buttonEl.appendChild(document.createTextNode("Expand"));
-	Event.addListener(buttonEl, "click", this.expand, this, true);
-
-	this.bodyEl.insertBefore(buttonEl, this.bodyEl.childNodes[0]);
+        this.unGroupButton = WireIt.cn('div', {className: 'WireIt-Container-ungroupbutton'} );
+        Event.addListener(this.unGroupButton, "click", this.expand, this, true);
+
+        this.ddHandle.appendChild(this.unGroupButton)
     },
 
     expand: function()