Make the web forms look a little nicer.
authorTim Ansell <mithro@gmail.com>
Tue, 17 Feb 2009 06:52:06 +0000
changeset 1369 0be1f471413c
parent 1368 bd710a3ee7e7
child 1370 8d684e64fbbe
Make the web forms look a little nicer.
app/soc/content/css/soc-090120.css
app/soc/templates/soc/templatetags/_as_table_row.html
app/soc/templates/soc/templatetags/_field_as_table_row.html
--- a/app/soc/content/css/soc-090120.css	Mon Feb 16 22:41:52 2009 +0000
+++ b/app/soc/content/css/soc-090120.css	Tue Feb 17 06:52:06 2009 +0000
@@ -141,11 +141,13 @@
 td.formfieldrequired {
   font-style: italic;
   font-size: small;
+  text-align: center;
 }
 
 td.formfieldhelptext {
   font-style: italic;
   font-size: small;
+  padding: 5px;
 }
 
 td.formfielderror {
@@ -161,6 +163,23 @@
 td.formfieldlabel {
   font-weight: bold;
   font-size: small;
+  text-align: right;
+}
+
+td.formfieldvalue {
+  text-align: left;
+}
+
+td.formfieldvalue input {
+  width: 100%;
+}
+
+td.formfieldvalue textarea {
+  width: 100%;
+}
+
+td.formfieldvalue select {
+  width: 100%;
 }
 
 td.formfielderrorlabel, td.warning, span.formfielderrorlabel {
@@ -461,7 +480,7 @@
   width: 450px;
   background:#fad163; 
   font-size: small;
-  font-weight: bold;
+  border: 1px solid black;
 }
 
 .rounded_ul { background: url(/soc/content/images/ul.gif) no-repeat top left; }
--- a/app/soc/templates/soc/templatetags/_as_table_row.html	Mon Feb 16 22:41:52 2009 +0000
+++ b/app/soc/templates/soc/templatetags/_as_table_row.html	Tue Feb 17 06:52:06 2009 +0000
@@ -30,7 +30,7 @@
     {{ label }}
   </td>
   {% endblock %}
-  <td>
+  <td class="formfieldvalue">
   {% if select_url %}
     <script type="text/javascript">
       $.getJSON("{{ select_url|safe }}",
--- a/app/soc/templates/soc/templatetags/_field_as_table_row.html	Mon Feb 16 22:41:52 2009 +0000
+++ b/app/soc/templates/soc/templatetags/_field_as_table_row.html	Tue Feb 17 06:52:06 2009 +0000
@@ -27,7 +27,7 @@
   <label for="{{ field.auto_id }}">{{ field.label }}:
   </label> 
  </td>
- <td>
+ <td class="formfieldvalue">
   {{ field }}
  </td>
  <td class="formfieldrequired">