Prevent changes of column width on events form

Do this by setting the max width of the lefthand column in the table, so
it doesn't change when the checkbox for community events is clicked.

A better solution would of course be to make the forms properly
responsive, but that's part of a "next generation website", rather than
a quick fix...

diff --git a/media/css/layout.css b/media/css/layout.css
index e7a828c358eb5a0772162edeb632c2f37d1d4b10..308ba5a3178b61838206234cb7bdd8f08265382d 100644 (file)
--- a/media/css/layout.css
+++ b/media/css/layout.css
@@ -667,6 +667,10 @@ TABLE.pgGenericFormTable TR TH SPAN.formfieldhelp {
   font-style: italic;
 }
 
+TABLE.pgGenericFormTable TR TH.formfieldnamecontainer {
+  max-width: 300px;
+}
+
 /* Misc Classes */
 
 .pgClearBoth {

diff --git a/templates/base/form.html b/templates/base/form.html
index a9416e04decf6bcd92939023dc49896a42143b4a..87f1c6e49763c9ac877dfe2683e2398d7b8a98ef 100644 (file)
--- a/templates/base/form.html
+++ b/templates/base/form.html
@@ -24,7 +24,7 @@
  </tr>
  {%endif%}
  <tr {%if field.errors%}class="errorinfo"{%endif%}>
-  <th>{{field.label_tag}}{%if field.help_text%}{%if field.field.widget|class_name == "Textarea"%}<br/>
+  <th class="formfieldnamecontainer">{{field.label_tag}}{%if field.help_text%}{%if field.field.widget|class_name == "Textarea"%}<br/>
    <span class="formfieldhelp">{{field.help_text|safe}}</span>{%endif%}{%endif%}
   </th>
   <td>{{field}}</td>