Bug 1013689 - In-content pages - Alignment fixes. r=jaws

browser/themes/shared/incontentprefs/preferences.inc.css

@@ -194,6 +194,10 @@ description > html|a {
   padding-bottom: 0; /* no padding needed in inContent prefs */
 }
 
+#tabsElement {
+  -moz-margin-end: 4px; /* add the 4px end-margin of other elements */
+}
+
 #encryptionPanel {
   margin-top: 15px;
 }

toolkit/themes/linux/global/in-content/common.css

@@ -31,6 +31,10 @@ xul|*.help-button > xul|*.button-box > xul|*.button-icon {
   -moz-margin-end: 0;
 }
 
+xul|*.groupbox-body {
+  -moz-padding-start: 0;
+}
+
 xul|menulist {
   font-size: inherit;
 }

toolkit/themes/osx/global/in-content/common.css

@@ -20,6 +20,16 @@ xul|menulist {
   margin-top: 3px;
 }
 
+xul|button {
+  /* use the same margin of other elements for the alignment */
+  margin-left: 4px;
+  margin-right: 4px;
+}
+
+xul|groupbox > xul|*.groupbox-body {
+  padding: 0;
+}
+
 xul|menulist:not([editable="true"]) > xul|menupopup > xul|menuitem[checked="true"]::before,
 xul|menulist:not([editable="true"]) > xul|menupopup > xul|menuitem[selected="true"]::before {
   display: none;

toolkit/themes/shared/in-content/common.inc.css

@@ -40,8 +40,15 @@ xul|caption > xul|label {
   margin: 0 !important;
 }
 
+xul|description {
+  -moz-margin-start: 0;
+}
+
 *|*.main-content {
-  padding: 40px 48px 48px;
+  padding-top: 40px;
+  -moz-padding-end: 44px; /* compensate the 4px margin of child elements */
+  padding-bottom: 48px;
+  -moz-padding-start: 48px;
   overflow: auto;
 }
 
@@ -54,9 +61,7 @@ xul|prefpane > xul|*.content-box {
 xul|groupbox {
   -moz-appearance: none;
   border: none;
-  margin-top: 15px;
-  margin-bottom: 15px;
-  -moz-margin-end: 0;
+  margin: 15px 0;
   -moz-padding-start: 0;
   -moz-padding-end: 0;
   font-size: 1.25rem;
@@ -524,6 +529,7 @@ xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[cur
 
 *|*.header {
   border-bottom: 1px solid #c8c8c8;
+  -moz-margin-end: 4px; /* add the 4px end-margin of other elements */
   margin-bottom: 15px;
   padding-bottom: 15px;
 }
@@ -584,6 +590,7 @@ xul|filefield + xul|button {
 xul|richlistbox,
 xul|listbox {
   -moz-appearance: none;
+  -moz-margin-start: 0;
   background-color: #fff;
   border: 1px solid #c1c1c1;
   color: #333;