tweak the sizes of some form elements to improve the layout

deluge/ui/web/js/Deluge.Preferences.Bandwidth.js

@@ -134,17 +134,19 @@ Ext.deluge.preferences.Bandwidth = Ext.extend(Ext.form.FormPanel, {
 			border: false,
 			title: '',
 			defaultType: 'checkbox',
-			style: 'padding-top: 0px; margin-top: 0px; margin-bottom: 0px;',
+			style: 'padding-top: 0px; padding-bottom: 5px; margin-top: 0px; margin-bottom: 0px;',
 			autoHeight: true
 		});
 		optMan.bind('ignore_limits_on_local_network', fieldset.add({
 			name: 'ignore_limits_on_local_network',
+			height: 22,
 			fieldLabel: '',
 			labelSeparator: '',
 			boxLabel: _('Ignore limits on local network'),
 		}));
 		optMan.bind('rate_limit_ip_overhead', fieldset.add({
 			name: 'rate_limit_ip_overhead',
+			height: 22,
 			fieldLabel: '',
 			labelSeparator: '',
 			boxLabel: _('Rate limit IP overhead'),

deluge/ui/web/js/Deluge.Preferences.Daemon.js

@@ -76,6 +76,7 @@ Ext.deluge.preferences.Daemon = Ext.extend(Ext.form.FormPanel, {
 		});
 		optMan.bind('allow_remote', fieldset.add({
 			fieldLabel: '',
+			height: 22,
 			labelSeparator: '',
 			boxLabel: _('Allow Remote Connections'),
 			name: 'allow_remote'

deluge/ui/web/js/Deluge.Preferences.Downloads.js

@@ -107,7 +107,7 @@ Ext.deluge.preferences.Downloads = Ext.extend(Ext.FormPanel, {
 			labelSeparator: '',
 			defaults: {
 				width: 80,
-				height: 25,
+				height: 22,
 				name: 'compact_allocation'
 			},
 			items: [{
@@ -131,13 +131,13 @@ Ext.deluge.preferences.Downloads = Ext.extend(Ext.FormPanel, {
 		optMan.bind('prioritize_first_last_pieces', fieldset.add({
 			name: 'prioritize_first_last_pieces',
 			labelSeparator: '',
-			height: 24,
+			height: 22,
 			boxLabel: _('Prioritize first and last pieces of torrent')
 		}));
 		optMan.bind('add_paused', fieldset.add({
 			name: 'add_paused',
 			labelSeparator: '',
-			height: 24,
+			height: 22,
 			boxLabel: _('Add torrents in Paused state')
 		}));
 	

deluge/ui/web/js/Deluge.Preferences.Interface.js

@@ -52,25 +52,28 @@ Ext.deluge.preferences.Interface = Ext.extend(Ext.form.FormPanel, {
 			xtype: 'fieldset',
 			border: false,
 			title: _('Interface'),
-			style: 'margin-bottom: 5px; padding-bottom: 5px; padding-top: 5px',
+			style: 'margin-bottom: 0px; padding-bottom: 5px; padding-top: 5px',
 			autoHeight: true,
 			labelWidth: 1,
 			defaultType: 'checkbox'
 		});
 		optMan.bind('show_session_speed', fieldset.add({
 			name: 'show_session_speed',
+			height: 22,
 			fieldLabel: '',
 			labelSeparator: '',
 			boxLabel: _('Show session speed in titlebar')
 		}));
 		optMan.bind('sidebar_show_zero', fieldset.add({
 			name: 'sidebar_show_zero',
+			height: 22,
 			fieldLabel: '',
 			labelSeparator: '',
 			boxLabel: _('Show filters with zero torrents')
 		}));
 		optMan.bind('sidebar_show_trackers', fieldset.add({
 			name: 'sidebar_show_trackers',
+			height: 22,
 			fieldLabel: '',
 			labelSeparator: '',
 			boxLabel: _('Show trackers with zero torrents')
@@ -125,7 +128,7 @@ Ext.deluge.preferences.Interface = Ext.extend(Ext.form.FormPanel, {
 			xtype: 'fieldset',
 			border: false,
 			title: _('Server'),
-			style: 'margin-top: 5px; padding-top: 5px; margin-bottom: 0px; padding-bottom: 0px',
+			style: 'margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px',
 			autoHeight: true,
 			labelWidth: 110,
 			defaultType: 'uxspinner',
@@ -157,8 +160,9 @@ Ext.deluge.preferences.Interface = Ext.extend(Ext.form.FormPanel, {
 			xtype: 'checkbox',
 			name: 'https',
 			hideLabel: true,
-			width: 320,
+			width: 280,
-			boxLabel: _('Use SSL (paths relative to the Deluge config folder)')
+			height: 22,
+			boxLabel: _('Use SSL (paths relative to Deluge config folder)')
 		}));
 		this.httpsField.on('check', this.onSSLCheck, this);
 		this.pkeyField = optMan.bind('pkey', fieldset.add({

deluge/ui/web/js/Deluge.Preferences.Network.js

@@ -61,6 +61,7 @@ Ext.deluge.preferences.Network = Ext.extend(Ext.form.FormPanel, {
 			labelSeparator: '',
 			boxLabel: _('Use Random Ports'),
 			name: 'random_port',
+			height: 22,
 			listeners: {
 				'check': {
 					fn: function(e, checked) {
@@ -115,6 +116,7 @@ Ext.deluge.preferences.Network = Ext.extend(Ext.form.FormPanel, {
 			labelSeparator: '',
 			boxLabel: _('Use Random Ports'),
 			name: 'random_outgoing_ports',
+			height: 22,
 			listeners: {
 				'check': {
 					fn: function(e, checked) {

deluge/ui/web/js/Deluge.Preferences.Other.js

@@ -58,6 +58,7 @@ Ext.deluge.preferences.Other = Ext.extend(Ext.form.FormPanel, {
 		optMan.bind('new_release_check', fieldset.add({
 			fieldLabel: '',
 			labelSeparator: '',
+			height: 22,
 			name: 'new_release_check',
 			boxLabel: _('Be alerted about new releases')
 		}));
@@ -82,6 +83,7 @@ Ext.deluge.preferences.Other = Ext.extend(Ext.form.FormPanel, {
 		optMan.bind('send_info', fieldset.add({
 			fieldLabel: '',
 			labelSeparator: '',
+			height: 22,
 			boxLabel: _('Yes, please send anonymous statistics'),
 			name: 'send_info'
 		}));

deluge/ui/web/js/Deluge.Preferences.Queue.js

@@ -59,6 +59,7 @@ Ext.deluge.preferences.Queue = Ext.extend(Ext.form.FormPanel, {
 		optMan.bind('queue_new_to_top', fieldset.add({
 			fieldLabel: '',
 			labelSeparator: '',
+			height: 22,
 			boxLabel: _('Queue new torrents to top'),
 			name: 'queue_new_to_top'
 		}));
@@ -123,7 +124,7 @@ Ext.deluge.preferences.Queue = Ext.extend(Ext.form.FormPanel, {
 			autoHeight: true,
 			labelWidth: 150,
 			defaultType: 'uxspinner',
-			style: 'margin-bottom: 0px; padding-bottom: 0px;',
+			style: 'margin-bottom: 0px; padding-bottom: 0px; margin-top: 0; padding-top: 0;',
 		});
 		optMan.bind('share_ratio_limit', fieldset.add({
 			fieldLabel: _('Share Ratio Limit'),