Move the popup close box sizing to CSS

lib/OpenLayers/Popup.js

@@ -872,13 +872,11 @@ OpenLayers.Popup = OpenLayers.Class({
      */
     addCloseBox: function(callback) {
 
-        this.closeDiv = OpenLayers.Util.createDiv(
-            this.id + "_close", null, {w: 17, h: 17}
-        );
+        this.closeDiv = OpenLayers.Util.createDiv(this.id + "_close");
         this.closeDiv.className = "olPopupCloseBox"; 
         
         // use the content div's css padding to determine if we should
-        //  padd the close div
+        //  pad the close div
         var contentDivPadding = this.getContentDivPadding();
          
         this.closeDiv.style.right = contentDivPadding.right + "px";

notes/2.12.md

@@ -145,3 +145,6 @@ In addition, OpenLayers no longer modifies any native prototypes or objects by d
  * Function.prototype.bindAsEventListener
  * Event.stop
 
+## Popup close box size
+
+The size of the close box is now configurable in CSS instead of the fixed 17x17px (`.olPopupCloseBox`)

theme/default/style.css

@@ -259,6 +259,8 @@ div.olControlSaveFeaturesItemInactive {
 
 .olPopupCloseBox {
   background: url("img/close.gif") no-repeat;
+  width: 17px;
+  height: 17px;
   cursor: pointer;
 }