Suggestion: The dialog resizing (for Windows OS), the template is not wrapped, style clean up

content/bindings.xml

@@ -97,7 +97,7 @@
       </method>
     </implementation>
     <handlers>
-      <handler event="select" action="this._onSelect();"/>
+      <handler event="select" action="this._onSelect();" />
     </handlers>
   </binding>
   <binding id="clude-editor-editable"
@@ -107,11 +107,12 @@
       <xul:hbox flex="1">
         <xul:listbox flex="1" id="listbox" />
         <xul:vbox>
-          <xul:button id="btnAdd" label="&button.add;" oncommand="_onAddPage()" />
-          <xul:button id="btnEdit" label="&button.edit;" oncommand="_onEditPage()"
+          <xul:button id="btnAdd" label="&button.add;" oncommand="_onAddPage();" />
+          <xul:button id="btnEdit" label="&button.edit;" oncommand="_onEditPage();"
             disabled="true" />
-          <xul:button id="btnDel" label="&button.remove;" oncommand="_onRemovePage()"
+          <xul:button id="btnDel" label="&button.remove;" oncommand="_onRemovePage();"
             disabled="true" />
+          <xul:resizer id="resizer" dir="right" />
           <xul:spacer flex="1" />
         </xul:vbox>
       </xul:hbox>
@@ -124,6 +125,11 @@
             this, 'id', 'btnEdit');
         this._btnDel = document.getAnonymousElementByAttribute(
             this, 'id', 'btnDel');
+        if (navigator.appVersion.indexOf("Win") != -1) {
+          if (this == document.getElementById("globalExcludes")) {
+            document.getElementById("resizer").style.display = "block";
+          }
+        }
       </constructor>
 
       <method name="_onSelect">
@@ -169,7 +175,7 @@
         <xul:listbox flex="1" id="listbox" />
         <xul:vbox>
           <xul:button id="btnUserClude" label="&button.addUserExclude;"
-              oncommand="_addUserClude('Exclude')" disabled="true" />
+              oncommand="_addUserClude('Exclude');" disabled="true" />
         </xul:vbox>
       </xul:hbox>
     </content>
@@ -182,7 +188,7 @@
         <xul:listbox flex="1" id="listbox" />
         <xul:vbox id="vboxUserCludeMatch">
           <xul:button id="btnUserClude" label="&button.addUserExclude;"
-              oncommand="_addUserClude('Exclude')" disabled="true" />
+              oncommand="_addUserClude('Exclude');" disabled="true" />
         </xul:vbox>
       </xul:hbox>
     </content>
@@ -195,7 +201,7 @@
         <xul:listbox flex="1" id="listbox" />
         <xul:vbox>
           <xul:button id="btnUserClude" label="&button.addUserInclude;"
-              oncommand="_addUserClude('Include')" disabled="true" />
+              oncommand="_addUserClude('Include');" disabled="true" />
         </xul:vbox>
       </xul:hbox>
     </content>

content/options.xul

@@ -18,13 +18,13 @@
 
   id="greasemonkey-options-dialog"
   persist="screenX screenY"
-  onload="GM_loadOptions()"
-  ondialogaccept="GM_saveOptions()"
-  ondialogcancel="close()"
+  onload="GM_loadOptions();"
+  ondialogaccept="GM_saveOptions();"
+  ondialogcancel="close();"
 >
 <script type="application/x-javascript" src="chrome://greasemonkey/content/options.js" />
 
-<dialogheader title="Greasemonkey" description="&prefWindow.titleWin;"/>
+<dialogheader title="Greasemonkey" description="&prefWindow.titleWin;" />
 
 <vbox flex="1">
   <groupbox>
@@ -37,8 +37,8 @@
   <groupbox>
     <caption label="&options.editor;" />
     <hbox>
-      <button oncommand="GM_util.setEditor(1)" label="&options.defaultEditor;" flex="1"/>
-      <button oncommand="GM_util.setEditor(0)" label="&options.browseForEditor;" flex="1"/>
+      <button oncommand="GM_util.setEditor(1)" label="&options.defaultEditor;" />
+      <button oncommand="GM_util.setEditor(0)" label="&options.browseForEditor;" />
     </hbox>
   </groupbox>
 
@@ -50,7 +50,7 @@
   <groupbox flex="1">
     <caption label="&options.newScript.template;" />
     <checkbox id="newScript-removeUnused" label="&options.newScript.removeUnused;" />
-    <textbox id="newScript-template" multiline="true" rows="5" flex="1" />
+    <textbox id="newScript-template" multiline="true" rows="5" wrap="off" flex="1" />
   </groupbox>
 </vbox>
 

content/scriptprefs.js

@@ -54,6 +54,10 @@ window.addEventListener('load', function() {
     gTabboxEl.selectedTab = gUserTabEl;
   };
   gUserExcludesEl.pages = gScript.userExcludes;
+
+  if (navigator.appVersion.indexOf("Win") != -1) {
+    document.getElementById("resizer").style.display = "block";
+  }
 }, false);
 
 function onDialogAccept() {

content/scriptprefs.xul

@@ -25,17 +25,18 @@
   <tabs>
     <tab label="&scriptprefs.usersettings;" />
     <tab label="&scriptprefs.scriptsettings;" />
+    <resizer id="resizer" dir="right" />
   </tabs>
   <tabpanels>
     <tabpanel>
       <vbox flex="1">
         <vbox flex="1" class="include">
           <label value="&label.grpIncluded;" />
-          <cludes id="user-includes"/>
+          <cludes id="user-includes" />
         </vbox>
         <vbox flex="1" class="match">
           <label value="&label.grpMatched;" />
-          <cludes id="user-matches"/>
+          <cludes id="user-matches" />
         </vbox>
         <vbox flex="1" class="exclude">
           <label value="&label.grpExcluded;" />

skin/bindings.css

@@ -1,6 +1,9 @@
 cludes {
   -moz-binding: url('chrome://greasemonkey/content/bindings.xml#clude-editor-editable');
 }
+#resizer {
+  display: none;
+}
 .include cludes.readonly {
   -moz-binding: url('chrome://greasemonkey/content/bindings.xml#clude-editor-readonly-include');
 }

skin/scriptprefs.css

@@ -1,3 +1,6 @@
 cludes {
   min-width: 500px;
 }
+#resizer {
+  display: none;
+}