Bug 490766: Link all field labels on enter_bug.cgi to their description

on fields.html
r=LpSolit, a=LpSolit

2 files changed, 33 insertions, 3 deletions

diff --git a/skins/standard/IE-fixes.css b/skins/standard/IE-fixes.css
index f7e95f990..4c85340e7 100644
--- a/skins/standard/IE-fixes.css
+++ b/skins/standard/IE-fixes.css
@@ -22,6 +22,10 @@
     margin-top: .5em;
 }
 
+form#Create #comp_desc {
+    margin: .5em 1em;
+}
+
 #footer #useful-links li {
     padding-bottom: 0.8ex;
 }
diff --git a/skins/standard/global.css b/skins/standard/global.css
index 6e55385e7..2690b6e2d 100644
--- a/skins/standard/global.css
+++ b/skins/standard/global.css
@@ -497,18 +497,44 @@ input.required, select.required, span.required_explanation {
     list-style-type: none;
 }
 
+/*************/
+/* enter_bug */
+/*************/
+
+form#Create table {
+    border-spacing: 0;
+    border-width: 0;
+}
+form#Create td, form#Create th {
+    padding: .25em;
+}
 form#Create th {
     text-align: right;
 }
 
+/* This makes the "component" column as small as possible (since it
+ * contains only fixed-width content) and the Reporter column
+ * as large as possible, which makes the form not jump around
+ * when the Component Description changes size. This works
+ * pretty well on all browsers except IE 8.
+ */
+form#Create #field_container_component { width: 1px; }
+form#Create #field_container_reporter  { width: 100%; }
+
 form#Create .comment {
     vertical-align: top;
     overflow: auto;
     color: green;
-    margin: 0 0.5em;
-    padding: 0.3em;
-    height: 8ex;
 }
+form#Create #comp_desc_container td { padding: 0; }
+form#Create #comp_desc { height: 11ex; }
+form#Create #os_guess_note {
+    padding-top: 0;
+}
+form#Create #os_guess_note div {
+    max-width: 35em;
+}
+
 
 .image_button {
     background-repeat: no-repeat;