use center-aligned hboxes to makes labels and textboxes etc. line up nicely
authorRobert Kaiser <kairo@kairo.at>
Sun, 3 May 2009 23:59:37 +0000 (01:59 +0200)
committerRobert Kaiser <kairo@kairo.at>
Sun, 3 May 2009 23:59:37 +0000 (01:59 +0200)
xulapp/chrome/mandelbrot/content/image-settings.xul

index 3fc332f..605aac2 100644 (file)
@@ -76,7 +76,7 @@
     <groupbox>
       <caption label="&coord.title;"/>
       <description value="&coord.real.label;"/>
-      <hbox>
+      <hbox align="center">
         <label value="&coord.min.label;" control="Cr_min"/>
         <textbox id="Cr_min" size="10"
                  preference="mandelbrot.last_image.Cr_min"
@@ -90,7 +90,7 @@
                  onchange="recalcCoord('Cr', 'max');"/>
       </hbox>
       <description value="&coord.imag.label;"/>
-      <hbox>
+      <hbox align="center">
         <label value="&coord.min.label;" control="Ci_min"/>
         <textbox id="Ci_min" size="10"
                  preference="mandelbrot.last_image.Ci_min"
     <hbox flex="1">
       <groupbox>
         <caption label="&img.size.title;"/>
-        <hbox>
+        <hbox align="center">
           <label value="&img.width.label;" control="imgWidth"/>
           <textbox id="imgWidth" size="4"
                    preference="mandelbrot.image.width"
                    onchange="recalcCoord('Ci', 'scale');"/>
         </hbox>
-        <hbox>
+        <hbox align="center">
           <label value="&img.height.label;" control="imgHeight"/>
           <textbox id="imgHeight" size="4"
                    preference="mandelbrot.image.height"
 
       <groupbox>
         <caption label="&options.title;"/>
-        <hbox>
+        <hbox align="center">
           <checkbox id="syncProp"
                     preference="mandelbrot.syncProportions"
                     onclick="checkProportions();"/>