Activated collapsing of table row in Image Dialog to implement 'More'/'Fewer' behavior, now that sizeToContent works!

editor/ui/dialogs/content/EdDialogOverlay.xul

@@ -29,7 +29,7 @@
 		 xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 
   <box id="advancedEditButton" align="vertical">
-    <box align="horizontal" style="margin-top: 0.2em">
+    <box align="horizontal" id="advancedEditButtonNoHR" style="margin-top: 0.2em">
       <titledbutton class="hspaced" id="AdvancedEdit" onclick="onAdvancedEdit()" value="&AdvancedEditButton.label;"/>
     </box>
     <html:div><html:hr width="100%"/></html:div>

editor/ui/dialogs/content/EdImageProps.js

@@ -66,7 +66,7 @@ function Startup()
   if (doSeeAll) {
     dialog.MoreRow.style.visibility     = "inherit"; // visible
   } else {
-    dialog.MoreRow.style.visibility     = "hidden"; // collapse
+    dialog.MoreRow.style.visibility     = "collapse"; // use "hidden" if still too many problems
   }
 
   if (null == dialog.srcInput || 
@@ -243,13 +243,16 @@ function onMoreFewer()
   {
     void(null);    
     doSeeAll                            = false;
-    dialog.MoreRow.style.visibility     = "hidden"; // collapse is a little funky
+    dialog.MoreRow.style.visibility     = "collapse"; // use "hidden" if still too many problems
   }
   else
   {
     doSeeAll                            = true;
     dialog.MoreRow.style.visibility     = "inherit"; // was visible; show doesn't seem to work
   }
+  // When visibility = "collapse" works,
+  // Use this to resize dialog:
+  window.sizeToContent();
 }
 
 function doValueChanged()

editor/ui/dialogs/content/EdImageProps.xul

@@ -479,15 +479,16 @@
       </td>
     </tr>
 </table>
-</div>
+<!-- from EdDialogOverlay -->
+<xul:box id="advancedEditButtonNoHR"/>
+
+</div> <!-- END of "MoreRow" block that is hidden by More/Fewer button -->
 
 <!-- ///////////////////// End Parent Table //////////////////////////////////// -->
    </td>
   </tr>
 </table>
-
-<!-- from EdDialogOverlay -->
-<xul:box id="advancedEditButton"/>
+<div><hr width="100%"/></div>
 <!-- ////////////////////////// OK CANCEL Box /////////////////////////////// -->
 
   <!-- from global dialogOverlay -->