changes to forms in register.css

itf/static/css/register.css

@@ -171,12 +171,33 @@ padding-left:20px;}
 {padding:6px;}
 
 .add-row
-{padding-left:16px;
-padding-top:16px;
-display:inline-block;}
+{margin:16px 0 16px 16px;
+background: #aaa;
+color:#fff !important;
+padding: 4px 6px;
+border-radius: 6px;
+display:inline-block;
+text-transform:uppercase;
+font-variant: small-caps;
+font-size: 80%;}
 
 .topFormErrors
 {padding:10px 20px;
 color:red;
 font-weight:bold;}
 
+.inlineWrapper h3
+{cursor: pointer;
+border-top: 1px solid #ddd;
+margin-bottom: 0;}
+
+.inlineWrapper:last-of-type h3
+{border-bottom: 1px solid #ddd;}
+
+.inlineWrapper fieldset:nth-of-type(odd) {
+    background: #f5f5f5;
+}
+
+.inlineWrapper fieldset:nth-of-type(even) {
+    background: #e8e8e8;
+}

itf/templates/test/person_form.html

@@ -25,6 +25,10 @@
     .inlineHidden {
         display:none;
     }
+    
+    div[id$="DELETE"] {
+        color: red;
+    }
 </style>
 <!-- uni-form JS library, optional -->
 <script src="/static/uni_form/uni-form.jquery.js" type="text/javascript"></script>
@@ -182,7 +186,7 @@ $(function(){
                                       
                 {% for inline in inlines %}
                 <div class="inlineWrapper">
-                    <h3> {{inline.title }} </h3>
+                    <h3 class="orange"> {{inline.title }} </h3>
                     <div class="inlineHidden">
                         {% if inline.help_text %}
                         <div class="formset_help_text"> {{ inline.help_text }}</div>