Fix #803, A few UI alignment issues in Preferences

And streamlined some of the layout code. Used some of the changes from BZ translator (without doing away with all styling).

chrome/content/zotero/preferences/preferences.xul

@@ -40,7 +40,9 @@ To add a new preference:
 <prefwindow id="zotero-prefs" title="&zotero.preferences.title;" onload="moveToAlertPosition(); init()"
 		windowtype="zotero:pref" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 	
-	<prefpane id="zotero-prefpane-general" label="&zotero.preferences.prefpane.general;">
+	<prefpane id="zotero-prefpane-general"
+						label="&zotero.preferences.prefpane.general;"
+						image="chrome://zotero/skin/prefs-general.png">
 		<preferences>
 			<preference id="pref-zoteroPaneOnTop" name="extensions.zotero.zoteroPaneOnTop" type="bool"/>
 			<preference id="pref-fontSize" name="extensions.zotero.fontSize" type="string"/>
@@ -65,11 +67,11 @@ To add a new preference:
 				</columns>
 			
 				<rows>
-					<row>
+					<row align="center">
-						<hbox id="position-menu-box-label">
+						<hbox align="center">
 							<label value="&zotero.preferences.position;" control="positionMenu"/>
 						</hbox>
-						<hbox id="position-menu-box">
+						<hbox id="position-menu-box" align="center">
 							<menulist id="positionMenu" preference="pref-zoteroPaneOnTop">
 								<menupopup>
 									<menuitem label="&zotero.preferences.position.above;" value="true"/>
@@ -81,7 +83,7 @@ To add a new preference:
 					</row>
 					
 					<row>
-						<hbox>
+						<hbox align="center">
 							<label value="&zotero.preferences.fontSize;" control="fontSize"/>
 						</hbox>
 						<radiogroup id="fontSize" orient="horizontal" preference="pref-fontSize">
@@ -92,7 +94,7 @@ To add a new preference:
 					</row>
 					
 					<row>
-						<hbox>
+						<hbox align="center">
 							<label value="&zotero.preferences.statusBarIcon;" control="statusBarIcon"/>
 						</hbox>
 						<radiogroup id="statusBarIcon" orient="horizontal" preference="pref-statusBarIcon">
@@ -151,8 +153,10 @@ To add a new preference:
 	</prefpane>
 	
 	
-	<prefpane id="zotero-prefpane-search" label="&zotero.preferences.prefpane.search;"
+	<prefpane id="zotero-prefpane-search"
-			onpaneload="updateIndexStats()">
+						label="&zotero.preferences.prefpane.search;"
+						onpaneload="updateIndexStats()"
+						image="chrome://zotero/skin/prefs-search.png">
 		<preferences>
 			<preference id="pref-fulltext-textMaxLength" name="extensions.zotero.fulltext.textMaxLength" type="int"/>
 			<preference id="pref-fulltext-pdfmaxpages" name="extensions.zotero.fulltext.pdfMaxPages" type="int"/>
@@ -166,55 +170,43 @@ To add a new preference:
 				<button id="fulltext-clearIndex" flex="1" oncommand="clearIndexPrompt()"/>
 			</hbox>
 			
-			<grid id="fulltext-settings">
+			<separator/>
-				<columns>
-					<column/>
-					<column flex="1"/>
-				</columns>
 			
-				<rows>
+			<hbox align="center">
-					<row>
+				<label value="&zotero.preferences.fulltext.textMaxLength;"/>
-						<hbox>
+				<textbox size="10" preference="pref-fulltext-textMaxLength"/>
-							<label value="&zotero.preferences.fulltext.textMaxLength;"/>
+				<label value="(&zotero.preferences.default; 500000)"/>
-						</hbox>
+			</hbox>
-						<hbox>
-							<textbox size="10" preference="pref-fulltext-textMaxLength"/>
-							<label value="(&zotero.preferences.default; 500000)"/>
-						</hbox>
-					</row>
-				</rows>
-			</grid>
 		</groupbox>
 		
 		<groupbox id="pdftools-box">
 			<caption label="&zotero.preferences.search.pdfIndexing;"/>
 			
 			<label id="pdfconverter-status"/>
+			<separator class="thin"/>
 			<label id="pdfinfo-status"/>
+			
+			<separator class="thin"/>
+			
 			<label id="pdftools-required" hidden="true"/>
+			
+			<separator class="thin"/>
+			
 			<hbox>
 				<button id="pdftools-update-button" flex="1" oncommand="checkPDFToolsDownloadVersion()"/>
 			</hbox>
+			
+			<separator class="thin"/>
+			
 			<label id="pdftools-documentation-link" hidden="true"/>
 			
-			<grid id="pdftools-settings" hidden="true">
+			<separator class="thin"/>
-				<columns>
-					<column/>
-					<column flex="1"/>
-				</columns>
 			
-				<rows>
+			<hbox id="pdftools-settings" align="center" hidden="true">
-					<row>
+				<label value="&zotero.preferences.fulltext.pdfMaxPages;"/>
-						<hbox>
+				<textbox size="5" preference="pref-fulltext-pdfmaxpages"/>
-							<label value="&zotero.preferences.fulltext.pdfMaxPages;"/>
+				<label value="(&zotero.preferences.default; 100)"/>
-						</hbox>
+			</hbox>
-						<hbox>
-							<textbox size="5" preference="pref-fulltext-pdfmaxpages"/>
-							<label value="(&zotero.preferences.default; 100)"/>
-						</hbox>
-					</row>
-				</rows>
-			</grid>
 		</groupbox>
 		
 		<groupbox id="fulltext-stats">
@@ -249,7 +241,9 @@ To add a new preference:
 	</prefpane>
 	
 	
-	<prefpane id="zotero-prefpane-export" label="&zotero.preferences.prefpane.export;">
+	<prefpane id="zotero-prefpane-export"
+						label="&zotero.preferences.prefpane.export;"
+						image="chrome://zotero/skin/prefs-export.png">
 		<preferences>
 			<preference id="pref-quickCopy-setting" name="extensions.zotero.export.quickCopy.setting" type="string"/>
 		</preferences>
@@ -259,11 +253,15 @@ To add a new preference:
 			
 			<label id="quickCopy-instructions"/>
 			
+			<separator/>
+			
 			<vbox>
 				<label value="&zotero.preferences.quickCopy.defaultOutputFormat;" control="quickCopy-menu"/>
 				<menulist id="quickCopy-menu"/>
 			</vbox>
 			
+			<separator/>
+			
 			<vbox>
 				<label value="&zotero.preferences.quickCopy.siteEditor.setings;" control="quickCopy-siteSettings"/>
 				<tree flex="1" id="quickCopy-siteSettings" hidecolumnpicker="true" rows="6" seltype="single"
@@ -275,18 +273,23 @@ To add a new preference:
 					</treecols>
 					<treechildren id="quickCopy-siteSettings-rows"/>
 				</tree>
+				<separator class="thin"/>
 				<hbox pack="end">
 					<button label="-" onclick="deleteSelectedQuickCopySite()"/>
 					<button label="+" onclick="showQuickCopySiteEditor()"/>
 				</hbox>
 			</vbox>
 			
+			<separator/>
+			
 			<label id="quickCopy-macWarning" hidden="true" value="&zotero.preferences.quickCopy.macWarning;"/>
 		</groupbox>
 	</prefpane>
 	
 	
-	<prefpane id="zotero-prefpane-keys" label="&zotero.preferences.prefpane.keys;">
+	<prefpane id="zotero-prefpane-keys"
+						label="&zotero.preferences.prefpane.keys;"
+						image="chrome://zotero/skin/prefs-keys.png">
 		<preferences>
 			<preference id="pref-keys-openZotero" name="extensions.zotero.keys.openZotero" type="string"/>
 			<preference id="pref-keys-toggleFullscreen" name="extensions.zotero.keys.toggleFullscreen" type="string"/>
@@ -371,7 +374,9 @@ To add a new preference:
 	</prefpane>
 	
 	
-	<prefpane id="zotero-prefpane-advanced" label="&zotero.preferences.prefpane.advanced;">
+	<prefpane id="zotero-prefpane-advanced"
+						label="&zotero.preferences.prefpane.advanced;"
+						image="chrome://zotero/skin/prefs-advanced.png">
 		<preferences>
 			<preference id="pref-useDataDir" name="extensions.zotero.useDataDir" type="bool"/>
 			<preference id="pref-dataDir" name="extensions.zotero.dataDir" type="string"/>

chrome/skin/default/zotero/preferences.css

@@ -21,51 +21,19 @@ radio[pane]
 	-moz-box-pack: end;
 }
 
-/* Remove extraneous padding */
+.statusLine
-vbox > *:first-child
 {
-	margin-top: 0;
+	margin: .75em 0;
+	font-size: .85em;
 }
 
-vbox > *:last-child
-{
-	margin-bottom: 0;
-}
-
-hbox > *:first-child
-{
-	margin-left: 0;
-}
-
-/*
-hbox
-{
-	-moz-outline: 1px dashed green;
-}
-vbox
-{
-	-moz-outline: 1px dashed yellow;
-}
-label
-{
-	-moz-outline: 1px dashed pink;
-}
-*/
-
-
 /* Links within messages */
 label label[class=text-link]
 {
 	margin: 0;
 }
 
-
 /* General pane */
-radio[pane=zotero-prefpane-general]
-{
-	list-style-image: url("chrome://zotero/skin/prefs-general.png");
-}
-
 grid row:not(:first-child)
 {
 	margin-top: .3em;
@@ -76,11 +44,6 @@ grid row hbox:first-child
 	-moz-box-pack: end; /* Right-justify left column */
 }
 
-#position-menu-box-label, #position-menu-box
-{
-	-moz-box-align: center;
-}
-
 #fontSize
 {
 	font-size: 3mm; /* Firefox default */
@@ -111,46 +74,15 @@ grid row hbox:first-child
 	margin-left: 6px;
 }
 
-#statusLine
-{
-	margin-bottom:.75em;
-	color: red;
-}
-
 
 /*
  * Search pane
  */
-radio[pane=zotero-prefpane-search]
-{
-	list-style-image: url("chrome://zotero/skin/prefs-search.png");
-}
-
-#zotero-prefpane-search groupbox > label, #zotero-prefpane-search groupbox > vbox, #zotero-prefpane-search groupbox > hbox
-{
-	margin: .5em 0;
-}
-
-#zotero-prefpane-search groupbox > label:first-child
-{
-	margin-top: 0;
-}
-
 #pdfinfo-status
 {
 	margin-top: 0 !important;
 }
 
-#fulltext-settings hbox, #pdftools-settings hbox
-{
-	-moz-box-align: center;
-}
-
-#fulltext-settings row > hbox:last-child, #pdftools-settings row > hbox:last-child
-{
-	margin-left: .5em;
-}
-
 #fulltext-stats row > label:first-child
 {
 	text-align: right;
@@ -158,19 +90,9 @@ radio[pane=zotero-prefpane-search]
 
 
 /* Export pane */
-radio[pane=zotero-prefpane-export]
+#zotero-prefpane-export separator:not(.thin)
 {
-	list-style-image: url("chrome://zotero/skin/prefs-export.png");
+	height: 1em;
-}
-
-#quickCopy-instructions, #zotero-prefpane-export vbox {
-	margin-bottom: 1em;
-}
-
-#quickCopy-menu
-{
-	margin-top: .4em;
-	margin-bottom: .6em;
 }
 
 #quickCopy-instructions, #quickCopy-macWarning
@@ -178,12 +100,6 @@ radio[pane=zotero-prefpane-export]
 	font-size: .85em;
 }
 
-#quickCopy-macWarning
-{
-	margin-top: .5em;
-	margin-bottom: 1em;
-}
-
 #zotero-quickCopy-format
 {
 	min-height: 1.5em; /* Fix collapse on Windows */
@@ -191,11 +107,6 @@ radio[pane=zotero-prefpane-export]
 
 
 /* Shortcut Keys pane */
-radio[pane=zotero-prefpane-keys]
-{
-	list-style-image: url("chrome://zotero/skin/prefs-keys.png");
-}
-
 #zotero-prefpane-keys row
 {
 	-moz-box-align: center;
@@ -210,18 +121,3 @@ radio[pane=zotero-prefpane-keys]
 {
 	margin: .75em 0;
 }
-
-.statusLine
-{
-	margin: .75em 0;
-	font-size: .85em;
-}
-
-
-/*
- * Advanced pane
- */
-radio[pane=zotero-prefpane-advanced]
-{
-	list-style-image: url("chrome://zotero/skin/prefs-advanced.png");
-}