Bug 464187: Make the text inputs in the show_bug edit form grow with the window

Patch By Max Kanat-Alexander <mkanat@bugzilla.org> r=pyrzak, a=mkanat

3 files changed, 31 insertions, 7 deletions

diff --git a/skins/standard/show_bug.css b/skins/standard/show_bug.css
index 17ce9afd0..3a91e8c7b 100644
--- a/skins/standard/show_bug.css
+++ b/skins/standard/show_bug.css
@@ -7,8 +7,30 @@
     font-weight: bold;
 }
 
+.bz_bug .edit_form {
+  width: 100%;
+}
+.bz_bug .edit_form table {
+  width: 100%;
+}
+.bz_bug .edit_form .text_input {
+  width: 100%;
+  min-width: 25em;
+}
+.bz_bug #alias {
+    min-width: 0;
+    width: 10em;
+}
+
+.flags_label {
+    text-align: left;
+}
+table#flags {
+    width: auto;
+}
+
 .bz_column_spacer {
-    width: 2em;
+    width: 0.5em;
 }
 
 .related_actions {
diff --git a/template/en/default/bug/edit.html.tmpl b/template/en/default/bug/edit.html.tmpl
index f097d0616..b3b5c8d42 100644
--- a/template/en/default/bug/edit.html.tmpl
+++ b/template/en/default/bug/edit.html.tmpl
@@ -147,7 +147,7 @@
   <input type="hidden" name="token" value="[% issue_hash_token([bug.id, bug.delta_ts]) FILTER html %]">
 
   [% PROCESS section_title %]
-  <table>
+  <table class="edit_form">
     <tr>
       [%# 1st Column %]
       <td id="bz_show_bug_column_1" class="bz_show_bug_column">     
@@ -298,7 +298,7 @@
 
 [% BLOCK section_title %]
   [%# That's the main table, which contains all editable fields. %]
-  <div class="bz_alias_short_desc_container">
+  <div class="bz_alias_short_desc_container edit_form">
       [% PROCESS commit_button id="_top"%]
      <a href="show_bug.cgi?id=[% bug.bug_id %]">
         <b>[% terms.Bug %]&nbsp;[% bug.bug_id FILTER html %]</b></a> - 
@@ -931,7 +931,7 @@
   [% END %]
   [% IF show_bug_flags %]
     <tr>
-      <td class="field_label">
+      <td class="field_label flags_label">
         <label><b>Flags:</b></label>
       </td>
       <td></td>
@@ -991,6 +991,7 @@
     <span id="[% dep.fieldname %]_input_area">
       [% IF bug.check_can_change_field(dep.fieldname, 0, 1) %]
         <input name="[% dep.fieldname %]" id="[% dep.fieldname %]"
+               class="text_input"
                value="[% bug.${dep.fieldname}.join(', ') %]">
       [% END %]
     </span>
@@ -1126,7 +1127,7 @@
   [% END %]
     [% val = value ? value : bug.$inputname %]
     [% IF bug.check_can_change_field(inputname, 0, 1) %]
-       <input id="[% inputname %]" name="[% inputname %]"
+       <input id="[% inputname %]" name="[% inputname %]" class="text_input"
               value="[% val FILTER html %]"[% " size=\"$size\"" IF size %]
               [% " maxlength=\"$maxlength\"" IF maxlength %]
               [% " spellcheck=\"$spellcheck\"" IF spellcheck %]>
diff --git a/template/en/default/bug/field.html.tmpl b/template/en/default/bug/field.html.tmpl
index 3ae7302c6..bdfdd099e 100644
--- a/template/en/default/bug/field.html.tmpl
+++ b/template/en/default/bug/field.html.tmpl
@@ -72,7 +72,8 @@
 [% IF editable %]
   [% SWITCH field.type %]
     [% CASE constants.FIELD_TYPE_FREETEXT %]
-        <input id="[% field.name FILTER html %]" name="[% field.name FILTER html %]"
+        <input id="[% field.name FILTER html %]" class="text_input"
+               name="[% field.name FILTER html %]"
                value="[% value FILTER html %]" size="40"
                maxlength="[% constants.MAX_FREETEXT_LENGTH FILTER none %]">
     [% CASE constants.FIELD_TYPE_DATETIME %]
@@ -184,7 +185,7 @@
          <strong>Add [% terms.Bug %] URLs:</strong>
        </label><br>
        <input type="text" id="[% field.name FILTER html %]" 
-              name="[% field.name FILTER html %]" size="40">
+              class="text_input" name="[% field.name FILTER html %]" size="40">
   [% END %]
 [% ELSIF field.type == constants.FIELD_TYPE_TEXTAREA %]
   <div class="uneditable_textarea">[% value FILTER wrap_comment(60)